减少有什么好处？

Question

http://lesscss.org/

是的语言语法看起来很酷，但是有什么明显的优势吗？

因为从我看到的那里你实际上写了更多的CSS，并且因为javascript编译的样式表越少，你就得到一个没有样式的网站几秒钟......

Answer 1

即使您使用lesscss进行客户端工作表生成。

您也可以在服务器端上使用lesscss，或者甚至编译您的工作表。

例如，如果您使用 node.js ，则可以在服务器上生成工作表。 此外，如果您愿意，可以将其用作编写更易于管理的模板的方法，然后“编译”工作表以生成用于生产时的成型样式表。

我认为这会产生意义，因为这意味着当您处于开发时，您可以在单个十六进制颜色更改中更改颜色集合。当您准备好部署时，可以事先编译，然后将该样式表分发给您的项目。

考虑可管理性并使用命令行编译器。

命令行

  

http://lesscss.org/

     

Less提供了一个二进制文件，它允许你从中调用编译器   命令行，因此：

$ lessc styles.less

这会将已编译的CSS输出到stdout，然后您可以将其重定向到您选择的文件：

$ lessc styles.less > styles.css

要输出缩小的CSS，只需传递-x选项。

Answer 2

为什么要用LESS写更多的CSS？相反，你少写。你编写的代码比普通的css更冗长。您可以更好地创建组，使用继承...您可以比使用CSS更好地概述样式。

我的项目CSS文件目前有超过800行......在LESS中，它只有150左右。

对于javascript编译：我通常使用离线编译器并只上传已编译的CSS，所以我不必为JS客户端大惊小怪。

Answer 3

你可以使用预编译器（ruby有一个很酷的，让它在win下运行）。

尝试少写一个网站，你再也不想恢复正常的css :)我自己的经验......

Answer 4

实际上有一个LESS PHP compiler，我一直在使用它。我认为解决为什么它比CSS更好的最好方法是自己使用它，但我会总结一些事情：

• 例如，如果您在所有地方都使用了主题颜色，并希望更改它们，那么使用LESS的可变系统非常容易。
• 由于不必重新键入长选择器字符串，实际上你写的标记比vanilla CSS少。
• 如果你想使用跨浏览器的圆角，mixins可以减少重复几乎没有;你所要做的就是创建一个带有样式定义的类，然后简单地“混合它”。基本上它是一个可重复使用的功能。如果您需要更改特定于所有圆角元素的内容，只需更改单个函数。
• Yeah the language syntax looks cool我个人认为这是相当轻蔑和无知的;如果您浏览一下LESS示例，就可用性和开发速度而言，您将看到它比普通CSS 里程。

还有更多原因，但这些原因应足以让您入门。