【问题标题】:CSS selectors for parent elements父元素的 CSS 选择器
【发布时间】:2013-04-12 10:27:44
【问题描述】:

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

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

> 选择器的作用是什么?

【问题讨论】:

标签: css


【解决方案1】:

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

快速说明:

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

更多详情来自同一来源:

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

以下规则设置所有作为子元素的 P 元素的样式 身体:

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

div ol>li p 匹配一个 P 元素,它是一个 LI 的后代;这 LI 元素必须是 OL 元素的子元素; OL 元素必须是 DIV 的后代。请注意,周围的可选空白 ">" 组合器已被忽略。

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

【讨论】:

  • 替代匹配链中的任何孩子而不是任何后代(例如,孩子的孩子没有>,但没有>)。
【解决方案2】:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-05-23
    • 2015-09-08
    • 2022-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多