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 ）。