如何为a:visited选择器应用:not选择器以排除特定类？

你的CSS代码存在两个关键错误，导致样式不生效：

• a:visited后多了空格，这会让浏览器匹配已访问链接的子元素，而非链接本身
• :not内的语法错误，类属性的匹配需要使用标准属性选择器格式[class^='btn']，而非直接写class^='btn'

正确的CSS代码如下：

a:visited:not([class^="btn"]) {
    color: var(--main-grey);
}

补充说明 #

如果页面中存在多类名的场景（比如链接class为"other-class btn-primary"，首个类名不以btn开头但包含btn类），可以调整选择器覆盖这种情况：

a:visited:not([class^="btn"]):not([class*=" btn"]) {
    color: var(--main-grey);
}

这个写法会同时排除两种链接：

• 类名以btn开头的链接
• 类名中包含空格+btn开头的链接（即多类名中存在btn开头类的情况）

内容的提问来源于stack exchange，提问作者Matt