简单选择器类型选择器:p{color:red}id选择器:#idname{color:red}类选择器.className{color:red}伪元素::before::after-text::first-letter:text第一个stringof::first-line:正文第一段使用伪元素,不能添加对内容有实质性影响。伪元素使用双冒号,伪类是单冒号(现在浏览器普遍兼容)浏览器的哈希值是目标IDmessage
:not():反选div:first-child:firstelementofdivtypediv:last-child:lastelementofdivtype:first-of-type:any第一个子元素:last-of-type:any最后一个元素(css3新增)div:nth-child(2n):divtype匹配2,4...evennumbers(可以换成odd)div:nth-last-child(2n):和第一个类似,但是从末尾开始:nth-??of-type(N):Nofanychildnodes:nth-last-of-type(N):和第一个类似,但是从末尾开始伪类和伪元素的区别,伪类:更方便的类型选择器;伪元素:创建文档中不存在的容器(元素)子选择器空间:所有后代>:最近的子兄弟选择器+:相邻最近的下一个兄弟~:所有兄弟属性选择器[href]:一些匹配规则可以用于选择具有此属性的元素:a[href^="https://wwww.baidu.com"]:startimg[href$=".jpg"]:Enda[href*="/about/"]:containsa[rel~="next"]:匹配的属性是多个值中的一个,用空格隔开a[lang|="en"]:可以匹配带斜杠的值(en,en-us)优先级运算第一优先级:无连接符号第二优先级:空格~+>||第三优先级:,