Подскажите пожалуйста , кто знает ,у меня такой вопрос:
есть структура
<ul class="a">
<li class="b"><a>первый</a></li>
<li class="b"><a>второй</a></li>
<li class="b"><a>третий</a></li>
<li class="b"><a>четвертый</a></li>
</ul>
я задал свойства при наведении курсора для класса "b"
.b:hover{
свойства
}
А как сделать так чтобы при наведении на <li> с классом "b" мои заданные свойства применялись не только к тому элементу li на который я навел курсор НО ТАКЖЕ И К СЛЕДУЮЩЕМУ ПО ПОРЯДКУ ПОСЛЕ НЕГО ЭЛЕМЕНТУ <li> с классом "b"?
То есть при наведении на первый li свойства применялись бы и ко второму li
при наведении на второй li свойства применялись бы и к третьему li итд