我的 css 文件有一个为所有锚定义的类,如下所示,我无法修改它。
.div a{
color: red;
}
因此,我页面上的所有锚点都采用这种颜色。我需要为页面上的一些(比如 20 个中的 10 个)锚点抑制这个,最好是通过编写一些其他类(一些 js 也可以)。但是,我不想指定新颜色是什么。它应该继承自包含该锚点的元素(例如,具有指定不同颜色的相应 css 类的其他一些 div)。我怎样才能实现它?
我的 css 文件有一个为所有锚定义的类,如下所示,我无法修改它。
.div a{
color: red;
}
因此,我页面上的所有锚点都采用这种颜色。我需要为页面上的一些(比如 20 个中的 10 个)锚点抑制这个,最好是通过编写一些其他类(一些 js 也可以)。但是,我不想指定新颜色是什么。它应该继承自包含该锚点的元素(例如,具有指定不同颜色的相应 css 类的其他一些 div)。我怎样才能实现它?
div a.specific { color: inherit; }
这样,您可以在具有 class="specific" 的锚标记处“清除”特定级别的颜色设置。
将另一个类应用于这些元素
div a.classname { color: inherit; }
这就是inherit
目的。来自 Mozilla 开发者网络:
每个 CSS 属性都允许使用该
inherit
值。它使为其指定的元素从其父元素中获取属性的 Computed 值。
因此,如果您的锚点应该与父元素指定的颜色相同,那就是要走的路。