CSS继承其他?



我想知道是否可以将子元素设置为

color: inherit;

但是,如果未在父元素中指定颜色,请转到其他颜色。

所以我想做同样的事情,你可以用字体系列做。

font-family: "arial", "sans-serif";

因此,如果 arial 不可用,它将使用无衬线。

我试过了

color: inherit, #646323;

但没有成功。

这可能吗?

编辑 1:要解释更多:

我可以通过这样做来缩短代码,因为我的页面上有很多标签。它们中的大多数我都希望是自定义颜色(而不是默认颜色(如悬停、活动、访问等(。但是有些链接,我想有不同的风格。

这样做而不是使用类会很好。因为我正在编辑一个有很多链接的页面。

一个想法是考虑CSS变量:

p {
color: var(--c); /*initial is the fallback if --c is not defined */
}
span {
color: var(--c, red); /*red is the fallback if --c is not defined*/
}
<p>
color <span>text</span>
</p>
<p style="--c:blue">
color <span>text</span>
</p>

最新更新