javascript - hover一个元素时，能否改变父元素的状态

Question

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

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

Answer 1

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

Answer 2

给p加hover咯

Answer 3

父元素现在没法选

Answer 4

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

Answer 5

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

Answer 6

事件存在冒泡。

Answer 7

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

Answer 8

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

Answer 9

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

Answer 10

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