要素にホバークラスを追加するにはどうすればよいですか？私のCSSで

Question

私が持っている：

li.sort:hover {color: #F00;} 

sortクラスの関数の下にすべての私のLI要素DOMの準備ができている、適切とき。

私は（MooToolsのel.addClass(classname)を使用して）新しいLI要素を作成した場合、私は、基本クラスを設定することができますが、それにhoverクラスを追加する方法を見つけ出すことはできません。

アイデア？

Answer 1

あなたが指定しているクラス名に基づいて、スタイルシート内であらかじめホバー疑似クラスを定義することができます。次のようになります。

li.classname:hover {color:#F000;} 

したがって、スタイルシートを使用して同じ方法で定義します。特定のクラスを持つJS生成のLIタグでクラス名を定義し、JavaScriptで作成するまではリスト項目が存在しないにもかかわらず、そのスタイルを定義することになります。

Answer 2

非ホバークラスを追加すると、ホバークラスが自動的に追加されます。例えば。あなたは

.MyClass 
{ 
... 
} 

.MyClass:hover 
{ 
... 
} 

を持っている場合だけMyClassを追加し、MyClass:hoverが動作します。

Answer 3

:hoverはクラスではありませんが、マウスが現在マウスオーバーしている要素を選択する疑似セレクタです。 li要素を作成してsortクラスを追加する場合は、ブラウザが正常に機能している場合は、要素上にマウスを移動するたびにli.sort:hoverルールをアクティブにする必要があります。

Answer 4

すべてのブラウザで、すべての要素でホバー擬似クラスを使用できるわけではありません。あなたは、この効果のためにJavaScriptを使用することを検討する必要があります。例えば、jQueryはこれを非常に簡単にします。

Answer 5

すべてのブラウザで、すべての要素でホバー擬似クラスを使用できるわけではありません。あなたは、この効果のためにJavaScriptを使用することを検討する必要があります。例えば、jQueryはこれを非常に簡単にします。

具体的には、IE6は、アンカー（a）要素のホバースタイルのみを選択します。