CSS高级选择器

高级选择器–后代选择器

通过有嵌套关系的标签选择器或者类选择器，确定一个大的范围， 在大范围内再次进行选择，可以多次嵌套。

 书写规则:用空格隔开每一层的选择器。

注:后代表示的不止包含子级,还包括所有的孙子级，曾孙级.我们的嵌套关系不管有多少层，只要是嵌套内的，都会被选择中。

后代选择器可以连续写它的祖先级，可以把祖先级补充完整。尽可能的缩小范围，精确选择我们要的标签。

不管选择器如何嵌套, html 页面中必须有对应的嵌套关系的元素，否则样式无法生效。

高级选择器–交集选择器

概念:选中两个选择器都拥有的元素。

如:我想找一个标签为p元素，且类名叫para的元素

交集选择器写法: p.para。将两个选择器连续书写，中间没有任何空格。

多种选择器的混用的时候，交集选择器也可以正确选择。。

注:可以连续交集。

高级选择器–并集选择器

概念:选中多个元素，每个元素选择器之间用逗号隔开。表示“或”

如: p, h3, div { color: red; }

表示选中页面中的所有的p、h3、 div元素，并将里面的文字都变红色。

只要看到逗号，就是并集选择器。