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表示“选择ul”的直接或间接子项#dropdown。我想这不是你想要的。单独试用#dropdown（您无需提及ul，因为ID是独占的，这意味着您在页面中只应该有一个#dropdown。

CSS选择器不工作？

3 个答案: