css选择器

子代选择器 >

ul > li  只能选择子代的元素，不可能会选择到孙子辈

后代选择器(以空格隔开)

div.contain .blue{color:blue;}

以上规则的结果为：“所有class属性值为contain的div元素，其后代中class属性值为blue的任何元素显示为蓝色字体”。

div.contain.blue{color:blue;}

以上规则的不同之处在于，‘.contain’ 类选择器 与’.blue’ 类选择器之间少了一个空格！少了空格，以上选择器就不是后代选择器了，而是另外一种选择器：“多类选择器”。

多类选择器：指的是 div 标签，定义了多个类，如下所示：

参考链接：CSS - 选择器详解 - 子代、后代选择器详解 - 伪类选择器 - 测试_css后代选择器-CSDN博客