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

Question

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

我为这部分创建了一个单独的CSS并设法将其设置为绿色，但我无法摆脱红色翻转效果？

有没有人知道如何在'link2'上覆盖红色翻转效果？

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

谢谢！

Answer 1

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

Answer 2

为悬停属性添加CSS规则。

以下是向您展示的小提琴：http://jsfiddle.net/6cLJ8/

导致问题的代码（在CSS中）是：

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

用以下内容覆盖它：

.readmoretext a:hover {
    background: none;
}

Answer 3

样式表有一些问题：

首先，您正在使用此.readmoretext A。锚标记的正确CSS选择器是小写的“a”，因此需要更正为{​​{1}}。

完成后，将.readmoretext a添加到悬停规则中以删除红色背景。

最后，您的悬停规则中有两个background-color: transparent;属性。 Stylesheets级联，正如其名称所示。由于只应用最后一个color规则，因此第一个规则已过时。