不同的选择对父子在CSS

Question

之间有什么区别：

li ul {color:red;} 

和

li > ul {color:yellow;} 

我都试一下，并得到同样的结果。

Answer 1

第一选择器是被称为Descendant combinator而第二个是Child combinators

后代组合子

li ul {color:red;} 

有时，作者可能希望选择器描述下一个元素是 （例如，“包含在H1元素内的EM ”元素）。组合子 表示这种关系。后代组合子是 空格，它分隔两个简单选择器序列。甲 选择器形式的 “AB” 表示元素B是一些祖先元素A的 任意后代

儿童组合子

li > ul {color:yellow;} 

甲子组合子描述了一种儿童期两个 元素之间的关系。子组合器由“大于号” （U + 003E，>）字符组成，并分隔两个简单选择器序列。

Answer 2

中的第一选择涵盖所有UL内里。

第二只覆盖内里直接UL后裔。

对于多个选择的提示，see this links