Есть список с вложенным в него подсписком. Интересует как с помощью стилей сделать так, чтобы при наведении на только пункт меню с подсписком область подсвечивалась в желтый цвет - именно вся область вместе с самим пунктом! Код и фидл
ul {
list-style: none;
}
ul.main:hover li.second.current,
ul.main:hover ul {
background-color: yellow;
}
.second {
display: inline-block;
background-color: #000;
color: white;
}
.second.current {
background-color: red;
}
<ul class="main">
<li class="second current">Пункт 1
<ul>
<li>Подпункт 1</li>
<li>Подпункт 2</li>
<li>Подпункт 3</li>
</ul></li>
<li class="second">Пункт 2</li>
<li class="second">Пункт 3</li>
</ul>
ul.main:hover ul
, оно же?