css - CSS相对变化继承

是否可以做类似的事情

color: inherit + #222;

因此，举例来说，我希望它们以比其余文本稍亮的颜色显示。还是我必须写下每个可能具有超链接的html标记？

最佳答案

好吧，您可以使用HSL颜色和/或CSS变量。

有关Color values和CSS Variables的更多信息

这样的事情。

:root {
  --color: 0, 0%;
  --luminosity: 0%;
}

a {
  --luminosity: 50%;
  color: hsl(var(--color), var(--luminosity));
  /*
    Or simply
    color: hsl(0, 0%, 50%)
  */
}

<p>Yo i'm some random text, <a href="#">and I'm a stupid link</a></p>

关于css - CSS相对变化继承，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48004770/