Change background-image of div to li, numbered in css?

Question

css

I don't know how to describe clearly, but I'll try. There is a structure like this:

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

What is the point, it is necessary that when you hover, on the div, its bacground changes to the one that is written in css. But each of the following paragraphs has its own background in css, I tried to do this:

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

does not work, while there is a childjs removed, the background of li changes

Answer 1

I think you need to do this
.jcarousel-skin-opencart li:nth-child(2):hover .childjs{
}

Answer 2

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

Here is a similar example, only here it’s not the background, but the color is different for li: jsfiddle.net/jeZHD/2