背景應該只適用於第一個孩子li只有其他UL LI的

Question

我只需要第一個'li'元素灰色背景顏色。但是每個'ul li'我的背景顏色灰色的第一個'li'正在應用。背景顏色應該只適用於第一個li（我的例子）。

http://jsfiddle.net/fX9Gy/

可有人請解決概率。由於

Answer 1

給類到父UL。像這樣寫：

HTML

<ul class="parent"> 
    <li>one</li> 
    <li>one 
     <ul> 
      <li>two</li> 
      <li>two</li> 
      <li>two</li> 
     </ul>  
    </li> 
    <li>one</li> 
</ul> 

CSS

.parent > li:first-child{background-color:#ccc} 

檢查這更多http://jsfiddle.net/fX9Gy/27/

Answer 2

添加這對你的CSS的結尾：

ul li ul li:first-child{background-color:transparent} 

還是給元素的ID：

<li id="first">one</li> 

#first {background-color:#ccc} 

** 編輯 **

你可以試試這個css：

ul li{color:red} 
ul li > ul li{color:blue} 
li {background-color:#ccc} 
ul ul li {background-color:transparent} 
li + li {background-color:transparent} 

Answer 3

更新的小提琴。新增一類於母公司ul

http://jsfiddle.net/fX9Gy/26/

Answer 4

要麼使選擇更具體：

ul li ul li:first-child{background-color:transparent} 

或者添加一個類UL和選擇有第一個孩子：

ul.nested li:first-child{background-color: #fff;} 

... <li>one 
     <ul class="nested"> 
      <li>two</li> 
... 

http://jsfiddle.net/Kyle_Sevenoaks/fX9Gy/15/

Answer 5

您好，請看到更新後的CSS我希望這將工作

ul li{color:red} 

ul li > ul li{color:blue} 

ul li:first-child{background-color:#ccc} 
ul li ul li:first-child {background:none;} 

http://jsfiddle.net/fX9Gy/23/

Answer 6

你可以試試這個。

li {color:gray} 
ul ul li {color:red} 
li + li {color:red} 

這將在瀏覽器中運行到IE 7藏漢

Answer 7

如果你不希望添加class和id的東西，那麼你必須使用jquery。但你需要爲ul添加類名稱。

但沒有jQuery的，使用你需要添加更多的行UL這裏面李CSS，

ul li ul li:first-child{ background-color:white; }