Как применить свойства css к соседнему элементу
 

Подскажите пожалуйста , кто знает ,у меня такой вопрос:

есть структура
<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 итд

Как вариант...

<style type='text/css'>
.b:hover {
	color: red;
}
.b:hover + .b {
	color: green;
}
</style>
<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>

Спасибо , работает! :)