减少CSS导入问题

Luc*_*iga 3 css less

我在这里用较少的CSS处理.一切都很好,但我现在得到一个小虫子.我有两个文件少.第一个被称为"colors.less",其中我声明颜色变量,第二个是css结构.

它是这样的:

无色

@black: #000;
Run Code Online (Sandbox Code Playgroud)

styles.less

@import "color";

body {
    background: @black;
}
Run Code Online (Sandbox Code Playgroud)

在我的头标记中,我写它:

<link rel="stylesheet/less" type="text/css" href="less/styles.less"/>
Run Code Online (Sandbox Code Playgroud)

当然,导入较少的js.

发生的事情是当我将黑色改为白色(#fff)时,它不会变为白色.剧照黑色.当我颠倒逻辑时,导入颜色内部的样式,它会改变,但我的样式不会改变.

我做错了什么?

多谢你们!

小智 5

使用

@import "color.less";
Run Code Online (Sandbox Code Playgroud)

这解决了你的问题.如果这不能解决问题,请尝试使用您的颜色中的红色.如果您的浏览器默认颜色为黑色,则无法看到样式是否已加载.

PS:检查你的文件名,如color.less或colorS.less.

  • 最后应该有一个分号,但我只是挑剔. (2认同)