2009-06-27 3 views
1

下のリンクは黒で下線がなく、黒で下線が引かれています。これは私が欲しかったものです。それから私はAmazon Associateのリンクに変えました、そして、今は青色の&に下線が引かれています。私は以前と同じCSSを使用しています(リンク2)ので、なぜフォーマットを変更したのか分かりません。CSS - AmazonアソシエイトのCSSによるリンク書式

リンクを下線なしで黒にし、つぶれたときに黒で下線付きにするにはどうしたらいいですか?事前に

おかげで、

ジョン

リンク:

'<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; 
} 

答えて

1

私がしようと最初にすることは

!important 
を入れています

スタイルシートのスタイリングの後で、色を黒に設定した後。

のように:

color: #000000 !important; 

これは、Amazonの1の上にスタイリングを優先します。

1

"Amazon Associate link"に関連するCSSはありますか?

Firebugを使用してリンク上にカーソルを合わせると、そのリンクに関連するすべてのCSSと上書きされたプロパティを見つけることができます

関連する問題