我有多层嵌套的 div。每个 div 都有一个跨度。
<div>
<span>AA</span>
<div>
<span>BB</span>
<div>
<span>CC</span>
</div>
</div>
</div>
如果我悬停一个 div,跨度 css 应该得到另一个背景。这工作得很好,只要我悬停最外面的 div,包含 AA 跨度。但问题是,如果我将包含 BB 跨度的中间 div 悬停,外部 div 也会悬停。如果我将 CC 跨度 div 悬停,所有三个跨度都会获得背景。
我想要的是,只有鼠标指向的一个 div 被悬停。我最好寻找 CSS 解决方案,但 jQUery 也会很棒。
这是问题的简化jsfiddle:http: //jsfiddle.net/FufRg/