一个css中的多个超链接样式

我试图实现每个分区有不同的超链接样式。我有一个整体超链接样式，然后是一个分区，我希望该分区中的所有超链接都有一个完全不同的样式。我只是不知道如何编写css。任何帮助都会很棒

a {color:#d85d5d; font-weight:bold; text-decoration:none;}
a:hover {color:#222; text-decoration:underline;}

.SingleLink
{
    #a
    #a:{
        text-decoration: underline;
    }

    #a:link {
        color: #0000FF;
    }

    #a:visited {
        color: #660099;
    }

    #a:active {
        color #FF0000;
    }

    #a:hover {
        font-weight: bold;
    }

}

因此，基本上我的页面中的所有内容都有第一个a，然后.SingleLink div中的任何内容都有不同的超链接样式

---

谢谢

您需要为每个类使用类名，不能像在纯CSS示例中那样包装它们

使用以下代码可以解决此问题：

.SingleLink a {  text-decoration: underline; }

.SingleLink a:link { color: #0000FF; }

.SingleLink a:visited { color: #660099; }

.SingleLink a:active { color #FF0000; }

.SingleLink a:hover { font-weight: bold; }

---

您需要为每个规则指定.SingleLink选择器，如下所示：

.SingleLink a:link { color: #0000FF; }

.SingleLink a:visited { color: #660099; }

.SingleLink a:active { color #FF0000; }

.SingleLink a:hover { font-weight: bold; }

---

在选择器下使用{}对规则进行分组仅对某些CSS预处理程序（如）有效，但对“纯”CSS无效。

如果您想在帖子中使用嵌套样式（如），请查看less或SCS。下面的答案是正确的。话虽如此，你已经在学习如何少写文章或写些俏皮话的路上了：）