如何知道在哪里使用 css、less 和 Sass？ [关闭]

Posted 2023-03-06

【中文标题】如何知道在哪里使用 css、less 和 Sass？ [关闭]

【英文标题】：How to know where to use css, less and Sass? [closed]

【发布时间】：2012-12-13 10:05:08

【问题描述】：

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

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

【问题讨论】：

LESS 和 Sass 都是 CSS 预处理器，最终还是 CSS。预处理器添加语法糖以减少 CSS 开发的繁琐。

在投反对票之前，任何建议或不有用的链接都会更有帮助。

【参考方案1】：

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

基本上，您选择一种语言并用该语言编写您的样式定义。完成后，您通过预处理器运行它，它将为您生成一个普通的 CSS 文件。该普通文件就是您将在您的站点中使用的文件。

我强烈建议您跳过使用 SASS/LESS 或任何其他预处理器，直到您对 CSS 更加熟悉为止。

---

关于 LESS 的更多信息。

LESS 可以作为实际的预处理器提前运行，或者您可以简单地将 less.js 文件和您的 .less 文件链接并让浏览器执行此操作。让浏览器这样做的问题在于，每个访问您网站的浏览器，对于每个页面，都必须“重新编译”css 才能正确呈现您的网站。考虑到您对访问您网站的计算机的控制为零，从某些人的角度来看，这可能会导致网站“运行缓慢”。

此外，javascript 仅适用于某些浏览器，进一步限制了它的实用性。

坦率地说，CSS 是您通常为网站设置一次并放置一年或更长时间的东西之一。所以，这可能根本不值得。

【讨论】：

感谢您的回复..但据我所知，您必须在文件中写入较少的内容，然后您必须将该文件与 html 链接...就像我们链接一个带有 html 的 css 文件？

【参考方案2】：

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

SASS 或 LESS 都非常适合新项目。或者，如果您使用的框架可以使用这两种技术。 （例如 Bootstrap 或 Rails）。

如果您要修改使用纯 CSS（例如 Wordpress）的现有网站，您几乎应该始终扩展和构建现有样式。将纯 CSS 与 SASS/LESS 混合可能会很麻烦，尤其是在您刚刚学习技术时。

【参考方案3】：

两者都是为了让您的工作更轻松 //节省时间，让您的 CSS 更具可读性，您将不再忘记您使用的颜色/边距或特定值，因为您可以创建变量、mixins 等。

如果您觉得您可以从所提供的任何功能中受益，为什么不使用它？使用这些不是强制性的，我不会为我创建的每个项目都使用 CSS（尽管大部分）。试试看，一个多小时就知道基本功能了。