css - 组合来自不同选择器的变量

Question

如果变量来自不同的选择器，是否可以将变量与另一个变量组合？

像这样的东西？

:root {
    --shadow: 1px 1px var(--color);
}
.blue {
    --color: blue;
    text-shadow: var(--shadow);
}
.red {
    --color: red;
    text-shadow: var(--shadow);
}

标签： csscss-variables

Answer 1

你可以简单地使用 Sass 来做到这一点

例子：

$颜色：#c6538c；

$shadow: 1px 1px $color;

查看https://sass-lang.com/documentation了解更多信息。