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

2025-02-23 14:48:42
推荐回答(2个)
回答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被点击的时候触发等等方法,需要啥触发自己变通一下就行了。

回答2:

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