：第一個孩子定位所有子元素

Question

我有一個無序列表，其ID爲「導航」和一些子列表項元素。

我想選擇第一個項目與:first-child，但它是應用我用這個CSS到所有其他列表項目。

ul#navigation li:first-child{ 
    background:#fff; 
} 

因此，重申：這是給每個列表項目一個白色的背景。我只想選擇第一個元素。出了什麼問題？

Answer 1

根據該意見，你的問題是，您的標記看起來像這樣：

<ul id="navigation"> 
    <a href="http://google.com"> 
     <li>Google</li> 
    </a> 
</ul> 

注意如何每li將這種模式下:first-child。我建議你在你的列表項目中使用更合適的嵌套錨點結構。如果你想錨，填補了列表項，設置其顯示到塊：

<ul id="navigation"> 
    <li><a href="http://google.com">Google</a></li> 
</ul> 

並結合CSS：

#navigation a { display: block } 

一旦你有了到位的結構性變化，你的選擇應該定位第一個列表項：

/* > to target only immediate list items */ 
#navigation > li:first-child { 
    background: red; 
}