子元素hover更改父元素相邻元素的子元素样式

Question

子元素hover更改父元素相邻元素的子元素样式

#Collections-1：hover的时候可以更改#hoverimg的背景图片src，css可以解决吗？

<div id="MegaMenu-Content-2">
    <ul id="ul-Collections">
        <li id="Collections-1">

        </li>
        <li id="Collections-2">

        </li>
        <li id="Collections-3">

        </li>
        <li id="Collections-4">

        </li>
        <li id="Collections-5">

        </li>
        <li id="Collections-6">

        </li>
        <li id="Collections-7">

        </li>
        <li id="Collections-8">

        </li>
    </ul>
    <div id="hoverimg" style="width:100%;display:block;" class="megaflex">

    </div>
</div>

Answer 1

JQ改变背景的写法：

$('#Collections-1').hover(function(){
      $("#hoverimg").css({"background-image":"url(../images/login_box.jpg)"});
 })