css复合选择器

css复合选择器

复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的，目的是为了可以选择更准确更精细的目标元素标签。

交集选择器：

交集选择器由两个选择器构成，其中第一个为标签选择器，第二个为class选择器，两个选择器之间不能有空格，如h3.special。

 

并集选择器：

并集选择器（CSS选择器分组）是各个选择器通过<strong style=”color:#f00”>逗号</strong>连接而成的，任何形式的选择器（包括标签选择器、class类选择器、id选择器等），都可以作为并集选择器为它们定义相同的CSS样式。

 

后代选择器：

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

 

子元素选择器：

子元素选择器只能选择作为某元素子元素的元素。其写法就是把父级标签写在前面，子级标签写在后面，中间跟一个 > 进行连接。

 

属性选择器：

选取标签带有某些特殊属性的选择器，称为属性选择器

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

伪元素选择器（CSS3）

1. E::first-letter文本的第一个单词或字（如中文、日文、韩文等）；
2. E::first-line文本第一行；
3. E::selection可改变选中文本的样式；
4. E::before和E::after

在E元素内部的开始位置和结束位创建一个元素，该元素为行内元素，且必须要结合content属性使用。