84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
<p class="b" style="background-color:red"> <img src="..." class="a"> </p>
鼠标悬停在img标签上是修改p的背景颜色用hover怎么写不能使用js,只能用css来写,是否能够实现?
认证0级讲师
不可以。你想改变父元素的背景,就直接给父元素加hover就是了呗。
给p加hover咯
父元素现在没法选
不能选父元素,不过你可以再给img设置一个与父元素相同大小和位置的子元素,然后修改子元素的背景色。。。
不可以,用dom操作节点才行
事件存在冒泡。
js中支持事件冒泡,给父p注册hover事件就行,不用js的话就要给父p加上hover属性了
同级元素是可以的,用+选择器,要不题主想办法改成同级?
<style type="text/css"> .b{background-color: red;} .b:hover{background-color: yellow;} </style> <p class="b"> <img src="..." class="a"> </p>
<style type="text/css">.b{background-color: red;}.b > img:hover .b{background-color: yellow;}</style><p class="b"><img src="..." class="a"></p>
不可以。你想改变父元素的背景,就直接给父元素加hover就是了呗。
给p加hover咯
父元素现在没法选
不能选父元素,不过你可以再给img设置一个与父元素相同大小和位置的子元素,然后修改子元素的背景色。。。
不可以,用dom操作节点才行
事件存在冒泡。
js中支持事件冒泡,给父p注册hover事件就行,不用js的话就要给父p加上hover属性了
同级元素是可以的,用+选择器,要不题主想办法改成同级?
<style type="text/css">
.b{background-color: red;}
.b > img:hover .b{background-color: yellow;}
</style>
<p class="b">
<img src="..." class="a">
</p>