1

下のリンクは下線なしの黒で、ホバーすると下線付きの黒でした。これが私が欲しかったものです。それをAmazonアソシエイトのリンクに変えたところ、青く下線が引かれました。以前と同じ CSS (links2) をまだ使用しているため、形式が変更された理由がわかりません。

リンクを下線なしで黒くし、ホバーしたときに下線付きで黒くするにはどうすればよいですか?

前もって感謝します、

ジョン

リンク：

'<a type="amzn" category="books" class="links2">'.$row['site'].'</a>'

CSS:

a.links2:link {
color: #000000;
text-decoration: none;
text-align:left;
    margin-top:6px;
    margin-bottom:2px;
margin-left:2px;
    padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
height: 12px;
vertical-align:middle;
}

a.links2:visited {
color: #000000;
text-decoration: none;
text-align:left;
    margin-top:6px;
    margin-bottom:2px;
margin-left:2px;
    padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
height: 12px;
vertical-align:middle;
}

a.links2:hover {
color: #000000; text-decoration: underline;
text-align:left;
    margin-top:6px;
    margin-bottom:2px;
margin-left:2px;
    padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
height: 12px;
vertical-align:middle;
}

a.links2:active {
color: #000000;
text-align:left;
    margin-top:6px;
    margin-bottom:2px;
margin-left:2px;
    padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
height: 12px;
vertical-align:middle;
}
4

2 に答える 2

1

私が最初に試みることは置くことです

!important

色を黒に設定するスタイルシートのスタイリングの後。

次のように:

color: #000000 !important;

これにより、Amazon のスタイルよりもあなたのスタイルが優先されます。

于 2009-06-27T00:49:46.153 に答える
1

「Amazonアソシエイトリンク」に関連付けられたcssはありますか?

firebug を使用してリンクにカーソルを合わせると、そのリンクに関連付けられているすべての css とオーバーライドされたプロパティを見つけることができます

于 2009-06-27T02:36:45.610 に答える