CSS - 亚马逊将链接格式与 CSS 关联起来答案

【问题标题】：CSS - Amazon Associate link formatting with CSSCSS - 亚马逊将链接格式与 CSS 关联起来
【发布时间】：2009-06-27 00:43:39
【问题描述】：

下面的链接是黑色的，没有下划线，然后是黑色的，悬停时有下划线。这就是我想要的。然后我把它变成了一个 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;
}

【问题讨论】：

标签： css amazon

【解决方案1】：

我会尝试的第一件事是放

!important

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

如：

color: #000000 !important;

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

【讨论】：

【解决方案2】：

有没有与“Amazon Associate link”相关的css？

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

【讨论】：