Sass

是一种强大的CSS扩展语言

提供了许多有用的功能来帮助开发者更有效、更快速地编写CSS代码。
SassSass
⚡️ 变量支持

允许开发者定义变量,这些变量可以存储颜色、字体或任何CSS属性值,从而使得重用这些值或在整个项目中统一更改样式变得简单。

🖖 嵌套规则

Sass支持CSS选择器的嵌套,这使得CSS的结构和组织更加清晰,更能直观地反映HTML的结构层次。

🎛 混入(Mixins)

混入允许将一组CSS声明定义为可重用的模块,可以在整个样式表中重复使用,有助于避免重复代码,并易于维护。

⚙️ 继承(Inheritance)

通过`@extend`指令,Sass允许CSS规则集继承一个或多个其他规则集的样式,这有助于减少冗余代码,并且可以构建一致的样式基础。

🛠️ 函数(Functions)

Sass提供了许多内置函数(如颜色操作、数学计算等),并支持创建自定义函数,这使得处理复杂计算和值转换变得更加方便。

🪜 高级导入 @import

不仅可以导入CSS文件,还可以导入其他Sass文件,这些文件在导入时可以共享变量、混入等,使得模块化和项目的代码组织更加高效。