0

css を使用してホバー リンクを作成しようとしていますが、機能していません。これは CSS ホバー リンクを作成する正しい方法ですか? ありがとう、

私はこれを読みましたが、運はありません: http://w3schools.com/css/css_link.asp

ここに私が持っているコードがあります:

CSS

.Footerbullets{
padding:3px 0 3px 25px;
background-image:url(../images/menubar/footer_bullet.jpg);
background-repeat:no-repeat;
}
.Footerbullets a.link {
color:#FFF;
}
.Footerbullets a.hover {
 color:#FF0;
}

HTML

<div id="footer"><div class="content">
       <ul>
          <li class="Footerbullets"><a href="#">Link with Hover Color Change</a></li>
       </ul>
   <div class="clear"></div>
</div></div>
4

3 に答える 3

1

div#footer ul li.Footerbullets a:hoverの代わりに使用すると、他のスタイルをオーバーライド.Footerbullets a:hoverしているようです。div#footer ul li a:hover

http://jsfiddle.net/GFec3/14/

于 2012-08-24T04:33:17.460 に答える
0

これを試して

.Footerbullets a:hover {
 color:#FF0 !important;
}

私のコード

<style>
.Footerbullets{
padding:3px 0 3px 25px;
background-image:url(../images/menubar/footer_bullet.jpg);
background-repeat:no-repeat;
}
.Footerbullets a.link {
color:#FFF;
}
.Footerbullets a:hover {
 color:#FF0;
}
</style>

HTML

<div id="footer"><div class="content">
       <ul>
          <li class="Footerbullets"><a href="#">Link with Hover Color Change</a></li>
       </ul>
   <div class="clear"></div>
</div></div>
于 2012-08-24T04:14:39.917 に答える
0

各アンカー疑似クラスの実際の例を使用して jsfiddle を作成しました。テストしたところ、少なくとも最新バージョンの Safari で動作します。ここで見つけることができます：

http://jsfiddle.net/kylewlacy/DqePq/

各疑似クラスとその機能については、ここで読むこともできます。

于 2012-08-24T04:30:14.573 に答える