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

我在一个页面上有两个超链接。我对“link1”（白色文本/红色滚动）上的css很满意，但我希望“link2”有不同的样式

我已经为这个部分创建了一个单独的css，并将它涂成了绿色，但我无法摆脱红色的滚动效果

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

---

谢谢

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

为hover属性添加CSS规则

这里有一把小提琴给你看：

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

将其覆盖为：

.readmoretext a:hover {
    background: none;
}

---

您的样式表有一些问题：

首先，您使用的是

.readmoretexta

。锚定标记的正确CSS选择器是小写的“a”，因此需要更正为

.readmoretext a

完成后，添加

背景色：透明到您的悬停规则以删除红色背景

最后，在悬停规则上有两个
color
属性。样式表层叠，正如其名称所示。因为只有最后一个
color
规则会被应用，所以第一个规则已经过时了。
我已经有了一个类似的样式：.readmoretext a:hover{color:#0000CC；text装饰：underline；color:green；}谢谢你的提示！-@Wildworx我尝试了你的建议，结果成功了：）
.readmoretext a:hover {
    background: none;
}