首页 > hover一个元素时,能否改变父元素的状态

hover一个元素时,能否改变父元素的状态

<div class="b" style="background-color:red">
<img src="..."  class="a">
</div>

鼠标悬停在img标签上是修改div的背景颜色用hover怎么写
不能使用js,只能用css来写,是否能够实现?


不可以。你想改变父元素的背景,就直接给父元素加hover就是了呗。


父元素现在没法选


给div加hover咯


js中支持事件冒泡,给父div注册hover事件就行,不用js的话就要给父div加上hover属性了


不可以,用dom操作节点才行


不可以,css没逆向的写法


<style type="text/css">
.b{background-color: red;}
.b:hover{background-color: yellow;}
</style>
<div class="b">
<img src="..."  class="a">
</div>

事件存在冒泡。


不可以,不能直接在父级上使用hover吗? 如果必须修改父级, 建议使用js


同级元素是可以的,用+选择器,要不题主想办法改成同级?


不能选父元素,不过你可以再给img设置一个与父元素相同大小和位置的子元素,然后修改子元素的背景色。。。


<style type="text/css">
.b{background-color: red;}
.b > img:hover .b{background-color: yellow;}
</style>
<div class="b">
<img src="..." class="a">
</div>

【热门文章】
【热门文章】