如何知道何时使用CSS、Less和Sass？

Question

11

我了解HTML、CSS和jQuery。最近，我了解了Sass和less。由于它们都是样式表语言，我有点困惑在哪里使用它们，因为CSS已经存在并且在每个网站上都广泛使用。那么如何知道在特定领域中使用这些（Less，Sass）。

另一个疑问是，在wordpress中是否可以使用Sass和Less代替默认的CSS？

- NewUser

4

LESS和Sass是CSS预处理器，最终还是转化为CSS。预处理器添加了一些语法糖，使得CSS开发更加简便。 - zzzzBov

2

在进行下投票之前，任何建议或有用的链接都会更有帮助。 - NewUser

3个回答

4

SASS和LESS是两种特定领域的语言，可以通过预处理器转换为CSS。预处理器可以通过JavaScript在客户端运行，也可以通过PHP、Node.js、Rails等服务器端运行。

对于新项目，使用SASS或LESS都很好。如果你正在使用支持这两种技术的框架（如Bootstrap或Rails），那就更好了。

如果你要修改一个现有的使用纯CSS（如WordPress）的网站，几乎总是应该基于现有样式进行扩展和构建。混合使用纯CSS和SASS/LESS可能会很混乱，尤其是当你刚开始学习这项技术时。

- leepowers

1

这两个工具都是为了让你的工作更轻松，节省时间，让你的CSS更易读。你将不再忘记使用过的颜色、间距或特定值，因为你可以创建变量、混合等。

如果你觉得你会受益于提供的任何功能，那么为什么不使用呢？并不强制要求使用这些功能，就像我不会在我创建的每个项目中都使用CSS一样（尽管大多数情况下会用）。试试它，了解基本功能不需要超过一个小时。

- mmln

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- NotMe · Accepted Answer

如zzzzBov所说，LESS和SASS是CSS预处理器。

基本上，你选择一种语言编写你的样式定义。当完成后，你需要通过预处理器运行它，然后它会为你生成一个普通的CSS文件。那个普通文件就是你在网站中使用的文件。

我强烈建议你在对CSS有更多了解之前跳过使用SASS/LESS或任何其他预处理器。

关于LESS的更多信息。

LESS可以事先作为实际的预处理器运行，也可以只需链接less.js文件和.less文件，让浏览器来处理。让浏览器处理的问题是每个浏览器都必须“重新编译”css以正确地呈现你的网站，考虑到你无法控制打开你网站的计算机，这可能导致某些人认为你的网站速度慢。

此外，该javascript仅在某些浏览器中起作用，进一步限制了其实用性。

坦率地说，CSS是一项通常一次设置网站并长时间保持不变的事情。因此，这可能根本不值得。