西西木科技丨Shopify开发机构 2022-10-23 18:01 采纳率: 96.4%
浏览 174
已结题

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

子元素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>

展开全部

  • 写回答

5条回答 默认 最新

  • 一把编程的菜刀 2022-10-24 01:46
    关注

    JQ改变背景的写法:

    $('#Collections-1').hover(function(){
          $("#hoverimg").css({"background-image":"url(../images/login_box.jpg)"});
     })
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(4条)
编辑
预览

报告相同问题?

问题事件

  • 系统已结题 10月31日
  • 已采纳回答 10月24日
  • 创建了问题 10月23日
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部