需要用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的顏色？沒有JAVASCRIPT。

爲了方便您，這裏是一個的jsfiddle從工作：http://jsfiddle.net/WJLGs/

Answer 1

你不能。 CSS沒有選擇器，允許你根據它的後代或後來的兄弟選擇一個元素。您選擇的元素必須位於鏈的末尾。

根據＃1A：懸停，您可以匹配＃1B或＃2B，並且您可以根據＃1B：懸停匹配＃2B - 但它們都是文檔後面出現的所有內容。

Answer 2

用你的html結構，你不能。

• Example什麼東西關閉你不想沒有JavaScript。
• What you want使用jQuery

請注意，你不能有ID的開始與CSS號。

Answer 3

你可以做類似css3 sibling combinator，但我沒有達到你想要的。但這很有趣...... http://jsfiddle.net/Johnny5/WJLGs/3/