html5 - 求解关于css伪类选择器的使用问题
黄舟
黄舟 2017-04-17 11:23:25
[HTML讨论组]
html<ul>
  <li><a>A</a></li>
  <li><a>B</a></li>
  <li><a>C</a></li>
</ul>
cssli{
  background-color:blue;
}
a{
  display:block;
  background-color:blue;
}

我想用伪类,当鼠标悬停在a元素上时,li元素的background-color变成red,但是我只会
父级指定子级如li:hover a{}或同级li:hover+li{},请问大神如何写子级指定父级的伪类选择器?

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

全部回复(2)
高洛峰

css不能直接选择父级元素,考虑用jquery吧。

PHPz

如果你的a标签没有填满整个li容器,是无法通过css实现的,否则直接使用li:hover 即可。

伪类选择器针对于目标元素,无法控制目标元素以外正常元素的表现。

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

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