我们可以编写简单的css语法是.scss文件吗？

Question

我们可以写简单的css语法是.scss文件吗？

当我们使用.scss时，我们应该直接在.css文件中编写任何内容吗？

这是.scss文件的示例代码

$blue: #3bbfce;
$margin: 16px;

.content-navigation {
  border-color: $blue;
  color:
    darken($blue, 9%);
}

.border {
  padding: $margin / 2;
  margin: $margin / 2;
  border-color: $blue;
}

有时我只想写一个像

这样的简单风格

h1 {font-size:3em}

然后我们应该保留它。在.css中仅限.scss？

我们是否应该直接触摸.css文件？

Answer 1

一旦你去了sass，就不要使用css，没有意义。

您可以生成css文件，并手动编辑css文件并单独包含在HTML中。但是如果你正在写它，那么也可以坚持使用sass。很快你就会发现自己用变量和更多的“模块化”方式编写东西，并且取决于sass的扩展语法。