1

下面的链接是黑色的,没有下划线,然后是黑色的,悬停时有下划线。这就是我想要的。然后我把它变成了一个 Amazon Associate 链接,现在它是蓝色的并带有下划线。我仍然使用与以前相同的 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;

这使您的样式优先于亚马逊样式。

于 2009-06-27T00:49:46.153 回答
1

是否有任何与“亚马逊关联链接”相关的 CSS?

如果您使用 firebug 并将鼠标悬停在链接上,您可以找到与该链接关联的所有 css 以及被覆盖的属性

于 2009-06-27T02:36:45.610 回答