你好,我正在尝试使用CSS变量来预定义颜色,例如:
这是我的app.component.css文件:
:root {
--main-bg1: rgb(26, 28, 29);
--main-bg2: rgb(66, 77, 79);
--main-bg3: rgb(93, 109, 112);
}
问题是当我在其他组件中使用这个变量时,它不起作用。例如:
.some-class{
background-color: var(--main-bg1);
}
我该如何在Angular中使这个工作起来?