Sass 详解

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)