第一個孩子的後代

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李：第一胎」只會影響力，但沒有後代。我試圖格式化第一個孩子的孩子。

甚至可能是「ul + li a」或什麼的，但顯然這也不是woking。

Answer 1

我相信你想：

ul li:first-child > * { 

這將匹配第一個<li>的所有直接子女。

如果他們總是鏈接，你可以用*代替a。

Answer 2

所有錨的第一個列表項下：

ul li:first-child a { … } 

或任何後裔：

ul li:first-child * { … } 

或者僅兒童（不孫子等後代）：

ul li:first-child > * { … } 

Answer 3

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

http://jsfiddle.net/UbuAx/

Answer 4

可以明確地說：

/* a list's */ 
ul 

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

/* descendant or child */ 
* 

或

ul > li:first-child * 

奇怪的是，沒有任何其他的答案給你，你要求什麼，雖然我同意對*全局選擇是最優的。如果你可以指定，它可能會很好。