删除应用于特定类型元素的css

Question

我的css文件有一个为所有锚定义的类，如下所示，我无法修改它。

.div a{
    color: red;
}

因此，我页面上的所有锚点都会获得此颜色。我需要在页面上为一些（比如说20个中的10个）锚点来抑制它，最好是写一些其他类（一些js也可以）。但是，我不想指定新的颜色。它应该从包含该锚的元素（比如具有指定不同颜色的各个css类的一些其他div）继承。我怎样才能实现它？

Answer 1

div a.specific { color: inherit; }

这样，您可以在class =“specific”的锚标签处“清除”特定级别的颜色设置。

Answer 2

将另一个类应用于这些元素

div a.classname { color: inherit; }

Answer 3

这就是inherit的用途。来自Mozilla开发者网络：

  

每个CSS属性都允许inherit值。它使得指定它的元素从其父元素中获取属性的Computed值。

因此，如果您的锚点应具有您的父元素指定的相同颜色，那么这就是您的选择。

JSBin Demo