CSS只能選擇在無序列表無序列表（內部列表）

-2

您好我想選擇內未分類的列表，而無需使用class=""參數CSS只能選擇在無序列表無序列表（內部列表）

我可以"ul li {}"選擇外列表中，但如何選擇僅向內部列表

<ul class="listStyleBlueSquare"> 
 
     <li>outer List element</li> 
 
     <li>Headline of inner list: 
 
      <ul class="listStyleSquare"> 
 
       <li>Inner List element</li> 
 
      </ul> 
 
     </li> 
 
    </ul>

來源

2014-09-24 Viktor Carlson

'li li'，'li ul li'，'ul li ul li' ...你堅持什麼部分？你想要解決什麼具體問題？ – 2014-09-24 12:37:40

其

ul li ul li{ your-rules: here; }
ul > li > ul >li{ your-rules: here; }
ul ul li { your-rules: here; }

的第一個孩子

ul ul li:first-child { 
    your-rules: here; 
}

爲n個子

ul ul li:nth-child(n) { 
    your-rules: here; 
}

其中n記錄到任何數字。

我建議你：

ul ul li { your-rules: here; }

我推薦這給人一種讀，它會幫助你理解級聯和特異性：LINK

來源

2014-09-24 12:37:45 Suresh

嘗試其中之一：

ul li ul li{} 
ul ul li{} 
li li{}

或與「>」

ul > li > ul > li{} 
ul ul > li{}

來源

2014-09-24 12:40:51

好的，謝謝，我怎樣才能訪問只有第一個列表？在我訪問ul li {}的第一個列表的時候，這些樣式也適用於第二個列表 – 2014-09-24 12:44:07

@Viktor：請將您的問題完全清楚地說明並解釋您的問題。那麼你有更好的機會得到一個有用的答案，而不必不斷提出澄清問題。 – 2014-09-24 15:08:33

這裏有一個更簡潔的選擇：

li > ul {property: value}

這抓住一個無序列表，這是一個列表項的直接孩子。

來源

2014-09-24 12:52:14 Francine

CSS只能選擇在無序列表無序列表（內部列表）

回答

相關問題