CSS选择器不工作？

嘿家伙们，提前感谢您的帮助或意见。我无法理解CSS选择器，我已阅读文档..CSS选择器不工作？

我想在我的样式表中引用UL与id下拉列表。我的假设下，我能指像任何元素：

#dropdown ul 
{ 
}

这种方法却似乎并没有工作：秒。我误解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; 
}

来源

2010-07-27 Lee

问题是什么？它完美的作品。你可以共享你的样式表，并告诉哪个属性失败。 – Kangkan 2010-07-27 08:40:59

添加了生成下拉菜单的css – Lee 2010-07-27 08:47:50

Kangkan，Lee想要选择'＃下拉菜单'，但是当前正在选择'ul＃dropdown'，这是一个完全不同的选择。 – 2010-07-27 09:00:29

尝试

ul#dropdown 
{ 
}

这将选择与ID下拉ul元素。

随着

#dropdown ul

你试图用ID下拉元素中找到一个UI元素。这将在#dropdown ul内选择全部 ul元素，但深度很多。

来源

2010-07-27 08:37:47

感谢您的回复..我已经添加了你建议给我的CSS文件，但它没有奏效。我编辑了原文，以显示应该设置下拉式样的CSS。 – Lee 2010-07-27 08:47:25

更新中的CSS与Mario建议的不匹配。 – Chris 2010-07-27 08:51:27

Marios解决方案适用于ul元素。但是，以下行： li a display：block; text-decoration：none; color：#ffffff; border-top：1px solid #ffffff; padding：5px 15px 5px 15px; 背景：＃2C5463; margin-left：1px; white-space：nowrap; } 至： ul＃下拉li似乎打破 – Lee 2010-07-27 09:11:24

编辑：这是正确的马里奥写道。

edit2：即时通讯5秒太慢，我只是想帮忙。对于我的帖子的completition： ul#dropdown或#dropdown是一个正确的选择

来源

2010-07-27 08:38:39 Rito

似乎没有工作：s – Lee 2010-07-27 09:03:32

感谢您的帮助.. ul＃下拉菜单适用于mian UL元素。此问题似乎存在，正在改变更复杂的选择器。 – Lee 2010-07-27 09:27:19

例如： li a - works ul＃下拉li a - 没有 – Lee 2010-07-27 09:28:31

#dropdown ul意味着“选择任何ul那就是#dropdown直接或间接的孩子”。我想，这不是你想要的。仅尝试#dropdown（您不需要提及ul，因为ID是唯一的，这意味着您应该只在页面中有一个#dropdown）。

来源

2010-07-27 08:38:51

CSS选择器不工作？

回答

相关问题