css - 父元素的 CSS 选择器

Question

我目前正在阅读 Charles Wyke-Smith 的书“Stylin' With CSS”。

他有一个部分，其中有 nav.menu > ul {} 以及 nav.menu ul {}。

> 选择器的目的是什么？

Answer 1

http://www.w3.org/TR/CSS2/selector.html

快速说明：

E > F 匹配作为元素 E 的子元素的任何 F 元素。

来自同一来源的更多详细信息：

当元素是某个元素的子元素时，子选择器匹配。子选择器由两个或多个以“>”分隔的选择器组成。

以下规则设置作为 BODY 子级的所有 P 元素的样式：

body > P { line-height: 1.3 } 下面的例子结合了后代选择器和子选择器：

div ol>li p 它匹配一个 P 元素，它是一个 LI 的后代；LI 元素必须是 OL 元素的子元素；OL 元素必须是 DIV 的后代。请注意，“>”组合符周围的可选空格已被省略。

有关选择元素的第一个子元素的信息，请参阅下面的 :first-child 伪类部分。

Answer 2

它选择直接子代，而不是层次结构中任何点的后代。