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



 html


 <ul>
  <li><a>A</a></li>
  <li><a>B</a></li>
  <li><a>C</a></li>
</ul>


 css


 li{
  background-color:blue;
}
a{
  display:block;
  background-color:blue;
}

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

css3 html5

二之夏·七秋 9 years, 9 months ago

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

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

ζ膤い誏ジ answered 9 years, 9 months ago

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

saya、 answered 9 years, 9 months ago

Your Answer