CSS 相对变化继承

Question

是否可以做类似的事情

color: inherit + #222;

因此，例如，我希望它们以比文本其余部分稍微亮一些的颜色来炫耀。或者我是否必须写下每个可能具有超链接的 html 标记？

Answer 1

您可以使用 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>