CSS小さなノート:スタイルを変更するので、子要素または他の要素の上にマウスを移動

<!DOCTYPE>
<HEAD>
<META HTTP-当量= "Content-Typeの"コンテンツ= "テキスト/ HTML;のcharset = UTF-8" />
<タイトル>無題ドキュメント</ TITLE>
<スタイル>
.hoverfa> A装飾テキスト{:なし;色:#000;}
.hoverfa:ホバー{ボーダー底:#6CFソリッド1ピクセル;}
.hoverfa:ホバー{色:#6CF;テキスト装飾:なし;}
.hoverfa:ホバースパン{色:#FFF;背景: #6CF;} // の子要素

.hoverfa:ホバー+ .hoverfa1 {背景: #1 FC6;} // 他の要素
</スタイル>
</ head>


<body>
<クラス= DIV "hoverfa">
<span>をリアルタイムでダイナミックな1 </ span>の
<a href="#" class="admin_icon">動的なリアルタイムの1 1 1ダイナミックなリアルタイムの1時間の動的</a>の1
< / DIV>


<DIV CLASS = "hoverfa1「>
<span>のリアルタイムの動的2 </ span>の
<a href="#" class="admin_icon">動的なリアルタイムの2 2 2ダイナミックリアルタイムの時間ダイナミック2 2 </a>の
</ div>
</ BODY>
</ HTML>

おすすめ

転載: www.cnblogs.com/sjzgk/p/11645661.html