CSS徘徊元素

Question

我有兩個div的

<div id="a">A</div> 
<div id="b">B</div> 

我努力讓自己在#b的#a的背景顏色徘徊時的效果。 我用

CSS

#b:hover + #a{ 
    background: #000; 
} 

但它無法正常工作。
如果我使用

CSS

#a:hover + #b{ 
    background: #000; 
} 

它的工作原理。徘徊在#a變化#b背景顏色。
但我需要先工作。

如何使第一個工作。爲什麼這不起作用？

Answer 1

的+和~組合程序將針對兄妹左側選擇後，所以你想在你的第一個例子做什麼是不可能用純CSS。如果#b在您的標記中位於#a之前，那麼它將起作用。

Answer 2

嘗試使用jQuery：

$("b").hover(function(){ /*hovering*/ 
    $("#a").css("backgroud-color", "#000"); 
}, function(){ /*hovering out*/ 
    $("#a").css("backgroud-color", "set_it_back_to_the_orignial"); 
}); 

如果你想用CSS做那麼它不可能，直到你改變你的標記和#b下得到#a。

Answer 3

它不會工作，因爲它的含義不同。

選擇id爲a的元素，如果它直接作爲#b的同胞出現。這不是在這種情況下。