改变的元素风格与CSS

问题描述：

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

而且我希望<h1>时页脚悬停例如变成蓝色。我知道我可以用Javascript来做，但我想知道如果你可能知道一些CSS技巧没有。

谢谢！

我不确定关于CSS3，但在标准CSS中，除非标头是页脚的子元素，否则不能这样做。 – 2011-12-17 08:32:05

纯粹的CSS，我不相信这是可能的，但我可能是错的。 – Indranil 2011-12-17 08:34:55

答

您的h1出现在#footer之前，所以纯CSS不可能，因为它没有提供选择器来匹配前面的兄弟元素。

答

我用某种方式实现了它，不改变html结构和纯CSS。

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

答

#e1:hover { 
     color:red; 
} 

#main, #footer{ 
    color:black 
}

另一种选择。