Селектор CSS не работает?

Question

Эй, ребята, заранее за помощь или помощь. У меня возникли проблемы с пониманием селекторов CSS, и я прочитал документы.

Я пытаюсь обратиться к UL с раскрывающимся списком id в моей таблице стилей. Я был в предположении, что я был в состоянии сослаться на какие-либо элементы, как:

#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 
{ 
} 

Это будет выбрать уль элемент с идентификатором выпадающего меню.

С

#dropdown ul 

вы пытаетесь найти уль элемент в пределах элемента с идентификатором выпадающего списка. Это выберет все ul элементы внутри #dropdown ul, однако много уровней в глубину.

Answer 2

Редактировать: это правильно, как писал марио.

edit2: им жаль, что за 5 секунд слишком медленно, я просто хотел помочь. Для сдачи моего поста: ul#dropdown или #dropdown правильный выбор

Answer 3

#dropdown ul означает «выбрать любой ul который является прямым или косвенным потомком #dropdown». Думаю, это не то, что вы хотите. Попробуйте #dropdown (не обязательно указывать ul, так как идентификаторы являются эксклюзивными, то есть вы должны иметь только один #dropdown на странице).