CSS不继承，而是使用默认

Question

是否有一种通用的方法来避免在 CSS 中不继承属性。

例子:

body {color:blue; }
a:link {color:red; }
a.special:link {something;foo;bar;}

使用 <a href="some" class="special">thing</a>从 a:link 开始，链接的字体颜色变为红色, 但我希望它像 body 一样是蓝色的。

当然我可以说重写它

a.special:link {color:blue; something;foo;bar;}

但想象一下，我想继承 body 中的许多属性，而不是从 a:link 继承。

Answer 1

您可以使用关键字inherit 来指定某些属性从其父级继承，这太简单了。请注意，并非所有属性都可以被继承(inheritable)。但是 color 是可继承的属性之一，因此您可以这样做:

a.special:link {
  color:inherit;
}

Demo.