[ksa]

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

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

<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>