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

Question

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

Я пытаюсь сослаться на 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
{
}

Это выберет элемент ul с выпадающим списком ID.

С

#dropdown ul

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

Answer 2

edit: это правильно, как писал Марио.

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

Answer 3

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