文章目录
- 1. 创建Sass文件
- 2. 变量（Variables）
- 3. 嵌套（Nesting）
- 4. 混入（Mixins）
- 5. 继承（Inheritance）
- 6. 函数（Functions）
- 1. 创建Sass文件
- 2. 变量（Variables）
- 3. 嵌套（Nesting）
- 4. 混入（Mixins）
- 5. 继承（Inheritance）
- 6. 函数（Functions）
Sass（Syntactically Awesome Stylesheets）是一个流行的CSS预处理器，它扩展了CSS的功能，使得编写样式表更加高效、灵活和可维护。以下是Sass的一些基本使用方法
1. 创建Sass文件
Sass文件通常以.scss或.sass为扩展名。.scss使用类似于CSS的语法，包括大括号和分号，而.sass使用更为简洁的缩进语法。
2. 变量（Variables）
Sass允许你定义变量来存储颜色、字体大小等值，使样式更易于维护。
$primary-color: #3498db;
body {background-color: $primary-color;
}
3. 嵌套（Nesting）
Sass支持CSS选择器的嵌套，使得代码结构更加清晰。
nav {ul {li {a {color: $primary-color;}}}
}
4. 混入（Mixins）
混入用于复用CSS代码块，可以传递参数。
@mixin rounded-corners($radius)