时间戳

首页 > 解决方案 > 在项目中实现SASS会不会太难？

html - 在项目中实现SASS会不会太难？

问题描述

我已经使用没有 CSS 预处理器的常规 CSS 3 构建了 80% 的投资组合网站。开始将所有内容转移到 SASS 会不会太复杂（迟到）？谢谢！

标签： htmlcsssass

解决方案

如果您使用 SCSS 语法而不是对空格敏感的 SASS 语法（我所知道的每个 SASS 处理器都支持这两种语法），您可以逐步迁移代码以使用 SASS 的功能。除非你的代码中有一些东西会混淆 SCSS 解析器（我从来没有经历过这种情况），否则将纯 CSS 迁移到 SCSS 应该很容易。

最终，当您认识到代码中的重复时，您可以将其重构为 SASS 混合和变量，但您可以在有意义的情况下这样做。

空格敏感（或“缩进”语法）是一种较旧的格式，现在不如 SCSS 变体流行。基本上，相同缩进级别的任何内容都是缩进“小于”的任何内容的子级。例子：

.myclass
   :color red
   :font-size 0.2em

这就像下面的 SCSS：

.myclass {
   color: red;
   font-size: 0.2em;
}

但是现在大多数人改用 SCSS 方言，它看起来基本上像常规 CSS，只是它支持嵌套选择器声明、替换变量和混合。

推荐阅读