小编int*_*zer的帖子

用LESS覆盖css类变量

我有一个较少的文件,其中包含一个定义颜色变量的类:

.some-css-class{ 
    @color1: #E6E6E6
    @color2: #808080
    /* some other rules follow */
 }
Run Code Online (Sandbox Code Playgroud)

由于这是第三方文件,我不会直接更改它.相反,我创建了自己的较少文件并导入了第三方文件.现在我想覆盖基本文件中定义的颜色,但我没有让它工作.

我试图覆盖根级别的颜色,但这样我就无法更改变量,因为它们是在基本文件的类中定义的:

/* Including base styles */
@import "base.less";

@color1: #DF007B;
@color2: #00A855;
Run Code Online (Sandbox Code Playgroud)

所以我试图覆盖类中的颜色,但显然我无法以这种方式更改它们,因为不可能覆盖同一范围内的变量(.som-css-class):

/* Including base styles */
@import "base.less";

.some-css-class {
    @color1: #DF007B;
    @color2: #00A855;
}
Run Code Online (Sandbox Code Playgroud)

关于我如何能够覆盖颜色的任何提示?

编辑:似乎没有解决方案.在我的特殊情况下,我一直在寻找一种方法来覆盖angularjs模块(角度向导)中的颜色.

正如我现在看到的,已经存在解决此问题的拉取请求:https: //github.com/mgonto/angular-wizard/pull/68

css less

5
推荐指数
1
解决办法
9707
查看次数

标签 统计

css ×1

less ×1