javascript - hover一个元素时,能否改变父元素的状态
PHP中文网
PHP中文网 2017-04-10 16:24:05
[JavaScript讨论组]
<p class="b" style="background-color:red">
<img src="..."  class="a">
</p>

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

PHP中文网
PHP中文网

认证0级讲师

全部回复(12)
阿神

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

迷茫

给p加hover咯

巴扎黑

父元素现在没法选

PHP中文网

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

ringa_lee

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

高洛峰

事件存在冒泡。

PHP中文网

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

高洛峰

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

PHP中文网
<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>

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号