CSS 自定义属性的 7 种用法

我发现这七种用法都非常巧妙且实用。

我特别喜欢在需要 偷偷插入变体 的地方使用自定义属性，而通常情况下你需要 重新声明一大块代码。

.some-element {
  background-color: hsla(
    var(--h, 120),
    var(--s, 50),
    var(--l, 50),
    var(--a, 1)
  );
}

.some-element.darker {
  --l: 20;
}

不错。

直接链接 →