CSS選擇器不起作用？

Question

大家好，謝謝您的幫助或投入。 我在理解CSS選擇器時遇到了麻煩，我已經閱讀了文檔。

我試圖在樣式表中使用id下拉列表引用UL。 我假設我可以引用任何元素，例如：

#dropdown ul  
{
}

但是，此方法似乎不起作用：s ..我是否誤解了CSS選擇器？ 我實際代碼中的元素嵌套得比此結構更深，但是我認為原理是相同的嗎？

<div id="wrapper">

    <ul id="dropdown">
      <li class="sub"><a href="#">Dropdown</a>

      <!-- Sub Menu -->
      <ul>
        <li><a href="#">Item 1</a></li>
        <li><a href="#">Item 2</a></li>
      </ul>
      <!-- End Submenu -->

    </li>
  </ul>

</div>


/* Dropdown Menu */
#dropdown ul 
{
  font-family: Arial, Verdana;
  font-size: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#dropdown ul li 
{
  display: block;
  position: relative;
  float: left;
}

#dropdown li ul 
{
   display: none; 
}

#dropdown ul li a 
{
  display: block;
  text-decoration: none;
  color: #ffffff;
  border-top: 1px solid #ffffff;
  padding: 5px 15px 5px 15px;
  background: #2C5463;
  margin-left: 1px;
  white-space: nowrap;
}

#dropdown ul li a:hover 
{ 
   background: #617F8A; 
}

#dropdown li:hover ul 
{
  display: block;
  position: absolute;
}

#dropdown li:hover li 
{
  float: none;
  font-size: 11px;
}

#dropdown li:hover a 
{ 
   background: #617F8A; 
}

#dropdown li:hover li a:hover 
{ 
   background: #95A9B1; 
}

Answer 1

嘗試

ul#dropdown
{
}

這將選擇帶有ID下拉列表的ul元素。

同

#dropdown ul

您正在嘗試在ID下拉列表的元素中定位ul元素。 這將選擇#dropdown ul內部的所有 ul元素，無論深度多深。

Answer 2

編輯：這是正確的，如馬里奧寫道。

edit2：很抱歉我太慢了5秒，我只是想提供幫助。 為了完成我的帖子： ul#dropdown或#dropdown是正確的選擇

Answer 3

#dropdown ul意思是“選擇是#dropdown的直接或間接子代的任何ul ”。 我想那不是您想要的。 單獨嘗試#dropdown （您不必提及ul因為ID是互斥的，這意味着您在頁面中只能有一個#dropdown ）。