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