Question

下面的链接是黑色，没有下划线，然后黑色，下划线时盘旋。这就是我想要的。然后我把它变成了一个Amazon Associate链接，现在它是蓝色＆amp;下划线。我仍然使用与之前相同的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;
}

Answer 1

我要尝试的第一件事是

!important

在样式表中设置样式后，将颜色设置为黑色。

如：

color: #000000 !important;

这优先考虑您在亚马逊上的样式。

Answer 2

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

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

CSS - Amazon使用CSS关联链接格式

2 个答案: