我似乎无法在网上任何地方找到答案。

我已经为我的站点编写了所有CSS代码,没有时间将其重新格式化为LESS,但是我才发现LESS及其对某些功能的帮助。例如,我想用LESS编辑html页面上的表单,但是我编写的CSS一切都很好。有什么办法可以将两者结合起来吗?如果我加载两个单独的文件,是否可以使CSS影响HTML页面的某些部分,而使LESS影响其他部分?

最佳答案

对于LESS实际上是什么,您可以理解,但完全是困惑的:) LESS“是” CSS。在编写文档的过程中,它包含了各种快捷方式,变量和函数,然后将其编译(转化为)CSS。

因此,当您编写LESS时,就是在编写CSS,但是有很多速记。

有多种将LESS编译为CSS的方法,包括winLess和(我的选择)Grunt。我敢肯定还有其他人。我用Grunt设置的方式还可以在编译的同时最小化(压缩)CSS。保存.less文件时,它还会自动编译。

更少的文件另存为.less文件。一旦将其编译为.css文件(通常为“ as”),通常就不应该编辑该.css文件...只需从其开始编辑.less文件即可! (并重新编译):)

这里的收获是,LESS是一种CSS预处理器语言(还有其他语言,尤其是SASS)。最终简单地编写CSS的一种快捷而强大的方法。

一些要点:


CSS实际上是有效的LESS。您可以简单地将CSS文件重命名为LESS并进行编译,最后得到一个匹配的CSS文件。 (然后,在LESS文件中,您可以开始利用“速记”功能,所有文件都编译为...仍然...相同的CSS文件。[建议@caesay]
您永远不会真正将LESS文件包含到html文件中。请记住,LESS仅存在于其中,您可以将其编译为CSS文件。

07-24 09:44
查看更多