2011-12-06 4 views
0

タイトルに示されているように、いくつかの要素に名前を付けて、それらにホバーコマンドを適用することは可能ですか?#テスト、#テスト2:ホバーホバーは両方のテスト部門のために起動します

だから私はこれを行う必要はありません。

#test:hover > .info, #test2:hover > .info {} 
+2

はい、同じIDを持つ2つの要素を持つことはできないため、無効です。したがって、これらの2つのうちの1つだけが一度に可能になる可能性があります。 –

+0

申し訳ありませんが、それを修正しました。私はクラスを使用しています。私はちょうど短い方法を望んでいる、または複数の要素に同じスタイルを適用したい – Syntax

答えて

3

あなたは、クラスを作成し、それらの要素に適用できます。例:

<head> 
    <style type="text/css"> 
     .myClass:hover > .info { 
      background-color: blue; 
     } 
    </style> 
</head> 

<body> 
    <a href="#" id="test" class="myClass">Test Link One</a> 
    <span id="test2" class="myClass">Test Link Two</span> 
</body> 
関連する問題