html - 需要有关悬停的 css 规则的帮助

Question

给定以下 html:

<div>
  <div id="A1"></div>
  <div>
    <div id="B1" style="float:left;"></div>
    <div id="B2" style="float:left;"></div>
    <div style="clear:both;"></div>
  </div>
</div>

如何使悬停在 1B 上改变 1A 和 1B 的背景色？另外，如何将鼠标悬停在 2B 上更改 1A 和 2B 的 bg 颜色？没有 JAVASCRIPT。

为方便起见，这里有一个 jsFiddle 可以使用:http://jsfiddle.net/WJLGs/

Answer 1

你不能。 CSS 没有允许您根据元素的后代或后来的兄弟元素选择元素的选择器。您选择的元素必须位于链的末尾。

您可以根据#1A:hover 匹配#1B 或#2B，也可以根据#1B:hover 匹配#2B — 但它们都是稍后出现在文档中的内容。