CSS不继承,但使用默认值

时间:2014-04-24 16:54:01

标签: css class inheritance styles

是否有一般方法可以避免在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;}

但是想象一下,我想要继承的身体中有很多属性,而不是来自:链接。

1 个答案:

答案 0 :(得分:0)

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

a.special:link {
  color:inherit;
}

Demo.