【问题标题】:Canceling changes to an individual element in CSS [duplicate]取消对 CSS 中单个元素的更改 [重复]
【发布时间】:2016-03-06 16:02:28
【问题描述】:

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

例子:

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

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

链接的正常颜色和装饰将显示在页面上,不受任何 CSS 影响。

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

【问题讨论】:

    标签: css


    【解决方案1】:

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

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

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

    【讨论】:

    • 非常感谢!这对其他元素有很大帮助。如果整个主体的属性被更改,作为后续,添加 :not(.test) 或 :not(a.home) 没有帮助。
    猜你喜欢
    • 2017-10-09
    • 1970-01-01
    • 1970-01-01
    • 2020-10-14
    • 1970-01-01
    • 2020-05-18
    • 2020-09-23
    • 1970-01-01
    • 2016-03-15
    相关资源
    最近更新 更多