css - CSS第一个孩子问题

Question

我有以下 li:before 样式：

header nav ul li:before, ul.meta li:before, footer nav ul li:before { content: "\2605"; }

我试图让第一个孩子 li 有内容：“”；但我一辈子都无法弄清楚。我试过了

header nav ul li:first-child { content: ""; }

它不起作用。我试过了

header > nav > ul > li:fist-child { content: ""; }

它不起作用。我试过提供导航和 ID 并使用

nav#topnav ul li:first-child { content: ""; }

它不起作用。我也试过给 ul 一个 ID，但它不起作用。基本上我被卡住了。我无法弄清楚这一点，并开始认为不可能拥有以下内容：“”；当有一个 :before class 但我也找不到任何文档时。任何帮助将非常感激。

Answer 1

您可以组合first-child和before选择器。您必须这样做，因为content规则是针对伪元素而不是元素本身。

header nav ul li:first-child:before { content: ""; }

http://jsfiddle.net/ExplosionPIlls/KcGKr/