Можно ли использовать li: first-child и li: hover?

Question

У меня есть другое фоновое изображение для первого и последнего дочернего элемента навигации, построенного с <li> s.

Я также хочу добавить изображение при наведении. Можно ли как-нибудь добавить :first-child и :hover вместе?

#nav li:first-child{
background:url(../images/topnavsprite.png);
background-position: 0px 0px;
}

#nav li:first-child:hover{
background:url(../images/topnavsprite.png);
background-position: 0px 0px;
}

Заранее спасибо.

Answer 1

Да, вы уже получили это.

• #nav li:first-child выбирает первое <li>
• #nav li:first-child:hover выбирает первое <li> при наведении

То же самое для last-child. (В браузерах, которые поддерживают first-child, last-child и :hover для элементов, которые не являются ссылками, поэтому более ранние версии Internet Explorer вполне могут иметь проблемы.)

Answer 2

Вот что у меня работает.

li:first-child:hover, li:last-child:hover {...}