本文介绍了CSS:悬停在其他元素上?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着跟版网的小编来一起学习吧！
问题描述
小问题:为什么我悬停时.b的background-color不改变?.a?
Short question: Why does the background-color of .b does not change when I hover? .a?
CSS
.a {
color: red;
}
.b {
color: orange;
}
.a:hover .b {
background-color: blue;
}
HTML
<div id="wrap">
<div class="a">AAAA</div>
<div class ="b">BBBB</div>
</div>
http://jsfiddle.net/2NEgt/
推荐答案
你需要有 .a:hover + .b 而不是 .a:hover .b
.a:hover .b 适用于像
<div class="a">AAAA
<div class ="b">BBBB</div>
</div>
如果在某些时候您需要在 .a 和 .b 之间添加一些元素，那么您需要使用 .a:hover ~ .b，它适用于 .a 的所有兄弟姐妹都在它之后，而不仅仅是下一个.
If at some point you'll need to have some elements between .a and .b, then you'll need to use .a:hover ~ .b, which works for all siblings of .a coming after it, not just the next one.
演示http://jsfiddle.net/thebabydino/EajKf/
这篇关于CSS:悬停在其他元素上?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持跟版网！
本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益，请联系我们，我们会在确认后第一时间进行删除！