小编Rem*_*nga的帖子

如何将 css 根常量共享到另一个 css 文件?

我试图在我的 Angular 测试项目中一次又一次地使用相同的颜色。所以,我制作了一个constants.css,在其中声明我的根常量,它们目前都是颜色。然而,我一直试图在我的各个组件的 css 文件中使用它们。

我尝试在 html 文件中包含constants.css,但不起作用。我尝试了 @import url("constants.css") 和 @import "constants.css"。

常量.css

:root {
    --primary-color: #2c3e50;
    --secondary-color: #f1c40f;
    --background-color: #ecf0f1;
    --accent-color: #c0392b;
}
Run Code Online (Sandbox Code Playgroud)

导航组件.css

@import url("../../../constants.css");

a.logo {
    color: var(--secondary-color);
}
Run Code Online (Sandbox Code Playgroud)

我希望我的徽标文本是黄色的,但它只是默认的黑色。

css angular

3
推荐指数
1
解决办法
3647
查看次数

标签 统计

angular ×1

css ×1