は、私は次のような構造を持っているCSS

Question

に置きます。私は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 
} 

別のオプション。