css 中包含（后代）选择器与子选择器的区别

子选择器：即大于号（>），用于选择指定标签元素的第一代子元素。.span>li{XXXX}。

包含（后代）选择器：即加入空格，用于选择指定标签的后辈元素。.fisrt span{XXXX}。

注意：这个选择器与子选择器的区别，子选择器（child selector）仅是指它的直接后代，或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。

总结：>作用于元素的第一代后代，空格作用于元素的所有后代。

css 中包含（后代）选择器与子选择器的区别

原文地址：https://www.cnblogs.com/miximixi/p/10268093.html