css - 如何知道在哪里使用 css、less 和 Sass？

Question

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

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

Answer 1

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

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

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

---

关于 LESS 的更多信息。

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

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

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

Answer 2

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

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

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

Answer 3

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

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