我在这里处理的是较少的 CSS。一切都很好，但我现在遇到了一个小错误。 我有两个更少的文件。第一个称为“colors.less”，我在其中声明了颜色变量，第二个是 css 结构。
它是这样的：
color.less
@black: #000;
styles.less
@import "color";
body {
background: @black;
}
在我的头标签中，我正在写它：
<link rel="stylesheet/less" type="text/css" href="less/styles.less"/>
当然，导入less js。
发生的事情是当我将黑色更改为白色 (#fff) 时，它不会更改为白色。剧照黑色。当我反转逻辑时，在颜色中导入样式，它会改变，但我的样式不会改变。
我做错了什么？
谢谢大家！
【问题讨论】：
您能否在主要的stylesheet 中有color，而不引用第二个sheet？
那么你可以跳过@import。
另外，我会为样式 rule 选择另一个名称。如果您决定更改颜色，您的规则名称将没有意义。
【讨论】：
我不知道是什么原因造成的，但请尝试引用 yout <head>-tag 中的两个文件，如下所示：
<link rel="stylesheet/less" type="text/css" href="less/styles.less"/>
<link rel="stylesheet/less" type="text/css" href="less/color.less"/>
然后还将您的style.less 更改为不导入color.less，因为您已经在<head>-tag 中这样做了。
顺便说一句：我不会将颜色命名为 @black，这可能会在以后更改颜色时导致混淆，请尝试使用更具描述性的名称，例如 @mainBackgoundColor，以获取可读性好的代码。
【讨论】：
@import "./color.less";（或"./color"，如果你愿意的话），我只是在一分钟前用它来导入某事，当你更新一个时它也完美地工作了导入的文件，也更新导入的文件（只需在某处添加一个空格或某事），我认为较少可能会在引擎盖下进行一些缓存或某事。
使用
@import "color.less";
这可以解决您的问题。如果这不能解决问题，请尝试在您的颜色中使用红色。如果您的浏览器默认颜色为黑色，您将看不到样式是否未加载。
PS：检查您的文件名，例如 color.less 或 colorS.less。
【讨论】：
@import "color.css";
您要导入的任何文件都必须具有 .css 扩展名。只有包含或检索的文件可以具有 .less 扩展名。
在您的示例中，颜色文件的扩展名应为 .css 而不是 .less。这应该可以解决您的问题。
**更新 在 Chrome 中工作，而不是在 Firefox 中 ??诡异的。
【讨论】：
【讨论】：