List items in different background?

Question

css

Hello!
There is a list of three items. on hover, the first item should be orange, the second should be green, and the third should be yellow. How to do this with CSS?
Thank you.
The code

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

Answer 1

nth-child - google this and you will be happy.

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

you can also do this jsfiddle.net/soledar10/z0e4ata1