以下是CSS和SCSS（SASS）的比较：
| 方面 | css | scss（sass） |
|---|---|---|
| 语法 | 带有选择器和属性的纯文本 | 使用增强语法的CSS扩展 |
| 变量 | 不支持 | 使用$前缀 | 支持
| 嵌套 | 有限的后代选择器 | 完全用嵌套 | 完全支持
| Mixins | 不支持 | @mixin指令 |
| 功能 | 不支持 | 用内置和自定义功能支持 |
| 继承 | 不支持 | @extend指令 | 支持
| 导入 | @import支持
|
@import支持
|
| 评论 | /* */支持
|
//和/* */支持
|
| 数学操作 | 对基本操作的有限支持 | 完全由算术运算符 | 完全支持
| 代码可读性 | 可能需要重复代码 | 通过变量，嵌套和Mixins | 提高了可读性
| 文件扩展 | .css | .scss或.sass |
Please note that SCSS (Sass) is a superset of CSS, meaning you can write regular CSS within an SCSS file, so it's more versatile and developer-friendly. It allows you to use the features listed above to make your stylesheets more organized and maintainable.