Смена background-image у div в li, по нумерации в css?

Question

[valitskiydmitriy]

Незнаю как описать понятно, но попытаюсь. Есть такая структура:

ul
   li
     a
       div (background img..)
   li
     a
       div (background img..)

В чем суть, нужно что бы при наведении, на div менялся его bacground на тот что прописан в css. Но у каждого следующего пункта свой background в css я пытался сделать так:

.jcarousel-skin-opencart li:nth-child(2) .childjs:hover {
...
}

не работает, при том есть убрать childjs то фон у li меянется

Answer 1

[Никита К.]

Думаю вам надо сделать так
.jcarousel-skin-opencart li:nth-child(2):hover .childjs{
}

Comments

[valitskiydmitriy]

Никита К. Не работает к сожалению, опять же если убрать .childjs то фон у li меняется. Может ли быть проблема в том что бэграунд указан в коде страницы?

[valitskiydmitriy]

Никита К. Собственно в этом то и проблема.

[Никита К.]

Вы бы привели пример в jsfiddle это бы упростило задачу

Answer 2

[Александр Зубарев]

ul>li:nth-child(2)>a>div:hover{
    ...
}

Вот подобный пример, только тут не фон а цвет разный у li: jsfiddle.net/jeZHD/2