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

Css 组合来自不同选择器的变量,css,css-variables,Css,Css Variables,如果一个变量来自不同的选择器,是否可以将它与另一个变量组合 像这样的东西 :root { --shadow: 1px 1px var(--color); } .blue { --color: blue; text-shadow: var(--shadow); } .red { --color: red; text-shadow: var(--shadow); } 您只需使用Sass就可以做到这一点 例如: $color:#c6538c $shadow:1

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

像这样的东西

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

您只需使用Sass就可以做到这一点

例如:

$color:#c6538c

$shadow:1px 1px$颜色

查看更多信息