如何在同一页面添加多个链接样式？

Question

我在页面上有两个超链接。我对'link1'（白色文本/红色翻转）的CSS感到满意，但是我想为'link2'创建不同的样式。

我已经为本节创建了一个单独的css，并设法将它变成绿色，但我无法摆脱红色翻转效果？

有谁知道如何覆盖'link2'上的红色翻转效果？

http://www.signport.co.uk/test/testsize3.html

谢谢！

Answer 1

你有一个你的样式表很少出现问题：

首先，你正在使用这个.readmoretext A。锚标记的正确CSS选择符是小写的“a”，因此需要更正为.readmoretext a。

完成此操作后，请将background-color: transparent;添加到您的悬停规则以删除红色背景。

最后，您的悬浮规则中有两个color属性。 Stylesheets cascade，正如其名称所示。由于只有最后一个color规则才会生效，所以第一个已经过时。

Answer 2

对两个不同链接使用两个不同的类

Answer 3

为悬停属性添加CSS规则。

这里有一个小提琴向您展示：http://jsfiddle.net/6cLJ8/

造成您的问题（在你的CSS）的代码是：与

a:hover { 
    background-color: #f00; 
} 

覆盖它：

.readmoretext a:hover { 
    background: none; 
}