第一个孩子的后裔

Question

我正试图在列表中找到第一个孩子的后代/孩子。例如：

<ul>
<li> 
<a>This "a" of the first list item should have a black background</a>
</li>
<li> 
<a></a>
</li>
<li> 
<a></a>
</li>
</ul>

使用像“ul li：first-child”这样的第一个孩子只会影响li而不影响后代。我正在尝试格式化第一个孩子的孩子。

甚至可能是“ul + li a”或其他什么东西，但显然这也不是在唠叨。

Answer 1

ul li:first-child a {
    background-color:black;
}

http://jsfiddle.net/UbuAx/

Answer 2

我相信你想要：

ul li:first-child > * {

这将匹配第一个<li>的所有直接子女。

如果它们始终是链接，则可以将*替换为a。

Answer 3

第一个列表项下的所有锚点：

ul li:first-child a { … }

或任何后代：

ul li:first-child * { … }

或仅限儿童（不是大孩子等后代）：

ul li:first-child > * { … }

Answer 4

你明确地说：

/* a list's */
ul

/* first child's  */
> li:first-child

/* descendant or child */
*

或

ul > li:first-child *

奇怪的是，尽管我同意*全局选择器不是最优的，但其他答案都没有给出你所要求的内容。如果你可以指定，那可能会很好。