有什么理由在 SASS 中定义 CSS 类吗？答案

【问题标题】：Is there any reason to define CSS classes in SASS?有什么理由在 SASS 中定义 CSS 类吗？
【发布时间】：2017-10-15 00:39:12
【问题描述】：

在这个 Bootstrap 4 教程https://www.youtube.com/watch?v=MDSkqQft92o&time_continue=24&app=desktop@14:44 中，他在他的style.scss 文件中重新定义了 Bootstrap 类。

style.scss：

.navbar {
  width:100%;
  background: none !important;

  @media(max-width:34em){
    background:black !important;
  }

  .nav-bar-toggler {
    cursor:pointer;
    outline:0;
  }
}

有什么优势？既然只是CSS，不应该放到style.css文件里吗？

【问题讨论】：

标签： css twitter-bootstrap sass

【解决方案1】：

SASS 是一个 CSS 预处理器，您在 SASS 中编写的任何代码最终都会变成 CSS。基本上，SASS 只是带有变量、嵌套等的 CSS。您可以在这里查看更多信息http://sass-lang.com/guide。

我检查了 3 秒钟的视频，我认为他只是在展示如何使用 SASS，特别是嵌套功能。

【讨论】：

【解决方案2】：

它确实进入 style.css 文件：你不自己编写那个文件，但它是从 sass 文件呈现的，然后你将 everything 写入sass 文件。

【讨论】：

如果您不创建 SASS 变量，是否有任何理由使用 SASS？如果他所做的只是上面的，那在style.css文件中定义不是更好吗？
如果不利用SASS的优势，就没有理由使用它。但它确实有优势，例如为颜色、边框等定义变量。并且能够通过仅更改变量值来一次更改它们是一件非常有用的事情。
是的 - 我听说过这个论点，但这不是 CSS 类的用途吗？
如果我有适用于 OP 的 SASS 范式，基本上你可以创建 scss 文件并在其中工作。这使您可以选择使用 SASS。您仍然可以在 SASS 文件中直接使用 CSS。但是，如果您需要，至少 SASS 选项始终可用。听起来对吗？
是的，听起来不错。但是，例如，您可以创建一个颜色变量并在任何类中使用它 - 您不必必须将它放在一个单独的类中，并在要分配的每个元素上使用两个类颜色，但只需使用该变量，这样也可以更改类定义中的颜色设置。