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 开始变为红色，但我希望它像正文一样为蓝色。

当然可以说改写成

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

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

Answer 1

您可以使用关键字inherit 指定某些属性从其父级继承，这太简单了。请注意，并非所有属性都可以继承（可继承）。但是color 是可继承属性之一，因此您可以执行以下操作：

a.special:link {
  color:inherit;
}

Demo.