我想知道是否可以将子元素设置为
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>