Элементы списка в разных background?

Question

[svilkov87]

Всем привет!
Есть список из трех пунктов. при наведении первый пункт должен быть оранжевым, второй - зеленым, третий - желтым. Как это реализовать при помощи CSS?
Спасибо.

Код

<li><a href="#">оранжевый</a></li>
<li><a href="#">зеленый</a></li>
<li><a href="#">желтый</a></li>

Answer 1

[Кирилл]

nth-child - вот это загуглите и будет вам счастье.

Answer 2

[Сергей Горячев]

li:nth-child(1):hover { background: #111; }
li:nth-child(2):hover { background: #222; }
li:nth-child(3):hover { background: #333; }

Answer 3

[Дмитрий]

можно еще так jsfiddle.net/soledar10/z0e4ata1