vue全家桶进阶之路42：Vue3 SCSS、SASS、CSS

SCSS和SASS都是CSS预处理器，它们的主要目的是简化CSS的编写，增加可维护性，并提供更丰富的功能。下面是它们与普通的CSS的区别：

1. 语法：SCSS和SASS都具有比普通CSS更丰富的语法。其中，SASS使用缩进来表示嵌套，而SCSS则使用类似于CSS的花括号语法。因此，SCSS更易于CSS开发人员的学习和转换。

2. 变量：SCSS和SASS都支持变量。使用变量可以轻松地在整个样式表中管理颜色、字体大小、间距等值。

3. 嵌套：SCSS和SASS允许样式规则的嵌套，这使得样式表更具层次感，并使样式表更易于阅读和维护。

4. 混合器：混合器允许您在样式表中定义可重用的代码块，并将其应用于多个样式规则中。这可以提高代码的重用性和可维护性。

5. 继承：SCSS和SASS都支持继承。继承可以使您创建一组具有相同样式的元素，并通过子类指定不同的属性。这可以减少重复代码，并提高可维护性。

总之，SCSS和SASS都是用于简化CSS开发的工具。它们提供了更丰富的语法和功能，使样式表更易于管理、阅读和维护。