2011-12-17 26 views
2

に置きます。私はJavascriptでそれを行うことができることを知っていますが、あなたがそれをすることなくいくつかのCSSのトリックを知っているかもしれないと思っていました。は、私は次のような構造を持っているCSS

ありがとうございます!

+0

私はCSS3についてはわかりませんが、標準のCSSでは、ヘッダーがフッターの子要素でない限り、これを行うことはできません。 –

+0

純粋なCSSでは、これは可能だとは思わないが、間違っている可能性があります。 – Indranil

+0

@Justin Satyr:CSS3セレクタは、数か月前にW3C勧告として標準化されたので、現在「標準CSS」とみなすことができます。 – BoltClock

答えて

2

h1#footerの前にあるので、前の兄弟要素と一致するセレクタを提供しないため、純粋なCSSではできません。

+0

あなたはおそらく正しいでしょう。私が一番解決したのは、http://jsfiddle.net/bVPqx/1/です。セレクタでdivとh1の役割を切り替えることはできません。 – Sonia

+0

セレクタの役割を切り替えるとどういう意味ですか? – BoltClock

+0

"#e h1:hover〜#footer"を使用すると "#e #footer:hover〜h1"を使用しても動作しません:http://jsfiddle.net/bVPqx/3/ – Sonia

0
#e1:hover { 
     color:red; 
} 

#main, #footer{ 
    color:black 
} 

別のオプション。

関連する問題