取消对CSS中单个元素的更改

Question

如何取消对CSS中单个元素的更改？

例子：

a { 
    text-decoration: line-through; 
    color: green; 
} 

现在我想在最后，a.test忽略所有规则和显示在默认方式。

链接的正常颜色和装饰会显示在没有任何CSS影响的页面上。

我发现的所有内容都是将每个将元素更改为initial的属性。是否有一项通用命令可以免除a.test的所有更改？

Answer 1

您可以用:not() CSS伪选择排除

a:not(.test) { 
    text-decoration: line-through; 
    color: green; 
} 

演示：https://jsfiddle.net/azizn/d17vdf35/