改變的元素風格與CSS

Question

徘徊，我有以下結構：

<div id="e1"> 
    <h1>Header</h1> 
    <div id="main">text text text text</div> 
    <div id="footer">something</div> 
</div> 

而且我希望<h1>時頁腳懸停例如變成藍色。我知道我可以用Javascript來做，但我想知道如果你可能知道一些CSS技巧沒有。

謝謝！

Answer 1

您的h1出現在#footer之前，所以純CSS不可能，因爲它沒有提供選擇器來匹配前面的兄弟元素。

Answer 2

我用某種方式實現了它，不改變html結構和純CSS。

看到它的jsfiddle：http://jsfiddle.net/ijse/dhcqw/

Answer 3

#e1:hover { 
     color:red; 
} 

#main, #footer{ 
    color:black 
} 

另一種選擇。