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

Question

我在一个页面上有两个超链接。我对“link1”(白色文本/红色翻转)上的 css 很满意，但是我想为“link2”设置不同的样式。

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

有谁知道如何仅在“link2”上覆盖红色翻转效果？

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

谢谢!

Answer 1

您的样式表存在一些问题:

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

完成后，将 background-color: transparent; 添加到悬停规则以移除红色背景。

最后，您的悬停规则有两个 color 属性。正如其名称所示，样式表级联。由于只会应用最后一个 color 规则，因此第一个已过时。