求解关于css伪类选择器的使用问题

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{},请问大神如何写子级指定父级的伪类选择器?

阅读 4k
2 个回答

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题