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選擇器不工作？

回答

相關問題