为什么我不能在CSS Variable中使用rgba？

2024-05-20 • 问答

我正在尝试在SCSS文件中创建此变量。但这是行不通的。我在哪里做错了？

--orange: #fda63c;
--orange-light: rgba(var(--orange),0.15);

这也不行：

--orange: #fda63c;
background-color: rgba(var(--orange),0.15);

您将无法将函数传递到rgba中，但是rgba将接受包含颜色的rgb值的变量。

:root {
--orange: 253,166,60;
--orange-light: rgba(var(--orange),0.15);  
}


p {
  color: var(--orange-light);
}

<p>Hello orange world</p>