少的CSS规则导入

Question

我有代码vars.less文件象下面这样：

@base: #96959A; 
.ts_no{ text-shadow: none; } 
.pos { position: absolute; z-index: 2; display: block; } 

...

编译vars.css：

.ts_no { 
    text-shadow: none; 
} 
.pos { 
    position: absolute; 
    z-index: 2; 
    display: block; 
} 

而且我有一个少些文件，其中包括vars.less（@import'vars'）。所有这些文件都有无风格的样式。因此，所有的编译CSS文件包括编译vars.less文件的方式：

的style.css：

.ts_no { text-shadow: none; } 
.pos { position: absolute; z-index: 2; display: block; } 

...

什么是有变量和混入在一个文件中的最佳方式，而不是在所有文件中重复它？

谢谢

Answer 1

也许最简单的方法就是定义您的混入作为参数混入，类似于其他语言“功能”。当然，通常参数混合参数需要参数，但如果您不需要接受任何参数，则可以简单地忽略它们并使用空括号。

这将意味着重新写你的vars.less文件像这样：

@base: #96959A; 
.ts_no() { text-shadow: none; } 
.pos() { position: absolute; z-index: 2; display: block; } 

这将阻止规则集出现在您编译CSS输出时，它并没有明确其他规则集内使用。

该documentation提供了更多的细节。