Question

hover悬停在子元素上时改变父级元素样式怎么写

<div class="a">
<img class="b">
</div>
鼠标悬停在img标签时给div标签加上边框怎么写

Answer 1

只能用js的方法，不过我就了解一个焦点的，js悬停方法你再搜搜应该就有的，结合一下就差不多了。
------------------------------------------------------------------------
var x = document.getElementById("xxx"); //获取父级标签的ID
function xxx_1() {
x.style.border = "1px solid white";
} //创建一个函数xxx_1，设置触发后的效果：xxx.style.css样式

-------------------------------------------------------------------------
然后在子级标签里添加 onfocus="xxx_1()"
在子级获得焦点的时候就能让父级改变样式了，如果需要设置子级没有获得焦点的时候恢复原样就在标签加上
onblur="xxx_2()"，然后创建一个xxx_2的函数把border设置0就行了。 像onclick被点击的时候触发等等方法，需要啥触发自己变通一下就行了。

Answer 2

img:hover div{border:1px solid};