【发布时间】:2011-09-29 12:58:21
【问题描述】:
我想使用将颜色定义为无点变量的基本样式表。 然后,根据我使用的颜色主题,我想更改这些颜色。
- 基本样式表示例:
body
{
color: @brand_color;
}
- 特定样式表的示例,取决于我选择的配色方案:
@import "../BaseStyleSheet.less.css";
@brand_color: green;
我怎样才能做到这一点?
【问题讨论】:
我想使用将颜色定义为无点变量的基本样式表。 然后,根据我使用的颜色主题,我想更改这些颜色。
- 基本样式表示例:
body
{
color: @brand_color;
}
- 特定样式表的示例,取决于我选择的配色方案:
@import "../BaseStyleSheet.less.css";
@brand_color: green;
我怎样才能做到这一点?
【问题讨论】:
导入文件的扩展名应为“.less”。
在 import 语句之后或之前更改变量值没有区别,它只是不会更改变量值,使我想要的成为不可能。
“导入将无法访问主引用 Less 文件(或主文件中其他引用的 Less 文件)中的变量。这可确保导入的 Less 文件不依赖于它们的使用位置。”
http://enginechris.wordpress.com/2009/11/23/my-thoughts-on-using-dotless-and-the-less-syntax/
【讨论】:
您需要将导入文件的扩展名更改为 .less
只有当它们以 .less 结尾时,Less 才会编译导入,如果它们以其他内容结尾,它会按字面意思获取文件的内容并将其插入到您的文件中。
另请注意,您可能必须在导入之前放置 @brand_color: green 声明,以便导入的文件可以访问它。
【讨论】: