什么是LESS文件

Question

我已经开始在reactJs javascript库上新开始工作了。在我要处理的整个代码库中，我看到* .LESS文件包含与样式相关的类，就像我们以前在HTML / javascript世界的CSS文件中一样。任何人都可以告诉LESS文件与传统的CSS样式表有什么不同吗？我们可以将* .css文件与* .JSX文件一起用于样式目的。

Answer 1

LESS基本上是一种类似CSS的语言，具有可以使用预处理器编译为CSS的附加功能。

这些附加功能的示例如下：

变量定义。假设您的网站/应用程序有一个配色方案，需要继续重复使用相同的颜色，您可以将该颜色存储在变量中，并在任何地方继续使用它（而不是必须记住十六进制代码）。

    @nice-blue: #5B83AD;

    #header {
      color: @nice-blue;
    }

假设您稍后想要更改颜色，您只需更改变量，而不是通过所有CSS并手动更改。

还有其他整洁的东西，比如循环等。您可以查看他们的文档以获取更多信息 - http://lesscss.org/

另一种流行的预处理器是Sass - http://sass-lang.com/