CSS复合选择器

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

交集选择器

作用：选中复合多个条件的元素

语法：选择器1选择器2选择器3选择器4｛｝

注意：当选择器中有元素选择器时，第一个选择器必须要元素选择器（p.red）

 并集选择器

作用：同时选择多个选择器的元素

语法：选择器1，选择器2，选择器3，选择器4｛｝

 子元素选择器

作用：选择父元素的指定子元素

语法： 选择器（父元素） > 选择器（子元素） > 选择器（子元素）....

后代选择器

作用：选择指定元素内的指定后代元素

语法：选择器（父元素） 选择器（子元素） 选择器（子元素）...

注意： 后代选择器选择范围比子元素选择选择的范围要广，后代选择器中只要符合要求中不管中间是否间隔其他元素，例如上边图片中的span是否是div元素的第几层中

相邻兄弟选择器

作用：选择确定元素相邻的第一个元素

语法：选择器（前一个） + 选择器（下一个）

 

 兄弟选择器

作用：选择确定元素相邻元素

语法：选择器 ~ 选择器

注意： 兄弟选择器和相邻兄弟选择器的前提都必须有共同的父元素