2016-01-28 40 views
2

所以,问题其实是,如果它是蛮好用的:的在Less中使用它之后定义变量是否可行?

.mytest { 
    border:1px solid @black; 
} 
@black: #000; 

代替

@black: #000; 
.mytest { 
    border:1px solid @black; 
} 

我没有看到任何警告,当我这样做,它工作正常 - 结果是

.mytest { 
    border: 1px solid #000; 
} 

这两种情况。

Demo

+0

查看链接集[有](http://stackoverflow.com/a/24497347/2712740)了解更多关于什么这个“懒惰评估”是关于。 –

回答

4

是的,这绝对是很好的,因为更不是变量lazy loading,所以它不是强制性的在使用之前声明的变量使用这种方式。由于延迟加载,Less编译器不会为这种情况抛出任何错误或警告。

Less website

变量是延迟加载,并没有在使用前进行声明。

事实上,我甚至会去上说,在最后声明变量是更有利的,因为所有的变量都保持在一个地方,它没有留下任何对一些流浪声明意外重写预期的或希望的设置。

-1

是的,你可以像Harry说的那样。我建议你创建一个文件来存储所有的变量定义并导入它。通过这种方式,你可以有不同的主题(文件)和配置你的项目,只需更换一个文件

+0

以防万一它是我的投票。将所有变量存储在单独的文件中是非常值得怀疑的建议。在现代少有很多不同的方式来拥有不同的主题* W/O *甚至“替换一个文件”(这并不意味着基于文件的主题方法是错误的,但故事只是超越了问题的范围,因此downvote)。 –

+0

没问题,它只是一个意见:)。举例来说,Bootstrap框架使用更少的变量文件进行分发,对于我来说,更改项目的方面只是替换文件(https://bootswatch.com/)非常有用。它还允许您将文件发送给您的团队平面设计师。 – kurroman

相关问题