css复合选择器

复合选择器

复合选择器是通过基本选择器进行组合后构成的。
常用的复合选择器有：交集选择器、并集选择器、后代选择器、子元素选择器、相邻兄弟选择器和属性选择器等。

1. 交集选择器

交集选择器由两个选择器直接构成，其中第一个必须是元素选择器，第二个必须是类选择器或者ID选择器。两个选择器之间必须连续写，不能有空格。

注意： 交集选择器由于会增加代码量，会影响性能且不利于后期维护，所以除了不得已使用外，一般不推荐使用。

2. 并集选择器

并集选择器由两个或两个以上的任意选择器组成的，不同选则器之间用","隔开，实现对多个选择器进行“集体声明”。

3. 后代选择器

后代选择器又称包含选择器，用于选择指定元素的后代元素，多个选择器时间使用空格隔开。
需要注意的是，后代选择器所选择的后代元素包括任意嵌套层次的后代。

4. 子元素选择器

后代选择器可以选择某个元素指定类型的所有后代元素，如果只想选择某个元素的所有子元素，则需要使用子元素选择器。

选择器1>选择器2{
	…
}

例如：div>span表示选择了div元素内的所有子元素span（不包括孙子）。