Как прописать style первому уровню ul меню, а последующим оставить без стилей?

Question

[Владимир Маврин]

Добрый день!
Есть допустим меню:

<div class="menu">
<ul>
    <li>
        <ul>
               <li></li> 
               <li></li> 
        </ul>
        <ul></ul>
        <ul></ul>
   </li>    
    <li></li>
    <li></li>
    <li></li>
</ul>
</div>

#body{
background:#fff
}
.menu ul{
background:#000
}

В таком виде черный фон будет у двух уровней ul.
Как сделать черный фон только первому уровню ul или только второму при этом, нельзя менять html и прописывать что то вроде .menu ul li ul {background: none;}?

Есть ли для решения такой проблемы встроенные css стили по типу :first или какие нибудь костыли?

Зачем мне это? Очень часто стандартное меню в joomla имеет именно такую html структуру, которое хочется изменить.

Answer 1

[Степан]

htmlbook.ru/css/first-child
stackoverflow.com/questions/10451988/applying-css-...

Comments

[Владимир Маврин]

А можно сразу еще вопрос?
.menu ul li:first-child:active{
height:350px;
}
Как реализовать css выше для активного меню, если joomla присваивает активному меню class="item-150 current active", а неактивному class="current active".
Возможно ли это вообще? Или нужно убирать присваивание joomla меню item'ов?

[Степан]

К сожалению не работал с джумлой. Но уверен что там есть возможности переназначить стили

Answer 2

[Сергей]

Пожалуйста, исправьте "backgraund".

Comments

[Владимир Маврин]

исправил, спасибо )

Answer 3

[Тимур Бикташев]

.menu > ul{
background: #000;
}

Если не изменяет память, то в IE работает начиная с 8й версии.