CSS常用的复合选择器

一、交集选择器

 p.one

表示： 类名为 .one 的 p 标签。
第一个为标签选择器，第二个为class选择器。
用的相对来说比较少，不太建议使用。

二、并集选择器

.one, p , #test {color: #F00;}

表示：.one 和 p 和 #test 这三个选择器都会执行颜色为红色。

三、后代选择器

div ul li {color: #F00;}

后代选择器又称为包含选择器，用来选择元素或元素组的后代，其写法就是把外层标签写在前面，内层标签写在后面，中间用空格分隔。当标签发生嵌套时，内层标签就成为外层标签的后代。

四、子元素选择器

div>ul {color: #F00;}

白话： 这里的子指的是亲儿子 ,不包含孙子重孙子之类。

五、属性选择器
选取标签带有某些特殊属性的选择器。

选择器	含义
E[attr]	存在attr属性即可
E[atti=val]	属性值完全等于val
E[atti^=val]	属性值里包含val,并且在开始位置
E[atti$=val]	属性值里包含val，并且在结束位置
E[atti*=val]	属性值里包含val,并且在任意位置

六、伪元素选择器

选择器	含义
E::first-letter	文本的第一个单词或字
E::first-line	文本第一行
E::selection	可改变选中文本的样式
E::before	在E元素内部的开始位置创建一个元素
E::after	在E元素内部的结束位置创建一个元素