我在與分配ID的問題在適當的CSS

Question

所以，我在與試圖使代碼這個問題適用於項目的子列表中，我有一個名爲「水平」

<nav class="horizontal" id="horizontal"> 
      <ul> 
       <li><a href="#">Home</a></li> 
       <li><a href="#">Menu</a></li> 
       <li><a href="#">Locations</a></li> 
       <li><a href="#">Catering</a></li> 
       <li><a href="#">About Us</a></li> 
      </ul> 

這應該又翻譯了我的CSS文件，以便

#horizontal > li { 
    background-color: white; 
    font-size: 16px; 
    height: 50px; 
    line-height: 50px; 
    width: 180px; 
    display: inline-block; 
    horizontal-align: left; 

我知道這個文件被鏈接到我的HTML文檔，因爲它已經與其他樣式規則的工作。我想知道這是爲什麼。任何幫助，將不勝感激。

而且，邊注：本段

display: inline-block; 
horizontal-align: left; 
} 

我試圖去這裏的作用是作爲一個塊顯示項目，並漂浮到左邊，我想知道如果我使用該代碼正確的話。

最後，我似乎有與字體顏色和/或文本顏色屬性的問題，既不似乎爲我的名單運作這樣：

#horizontal > ul > li > a:hover { 
    background-color: rgb(255,101,101); 
    text-color: black; 

背景顏色的變化，但文本保持不變。

Answer 1

#horizontal > li

凡> li查找，並使用具有ID的父元素LI元素horizontal

的>（大於）運營商尋找的直系後裔一個父元素。在你的例子中，#horizontal是父元素，直接後裔是UL。

因此，您期望對LI的影響不適用。

您可以使用

#horizontal li，或#horizontal ul li，或#horizontal > ul > li具有較高的特異性權重。