Sass详解

        Sass（Syntactically Awesome Stylesheets）是一种CSS预处理器，它扩展了CSS的功能，提供了变量、嵌套、混合、继承等高级功能，使CSS的编写更加灵活和模块化。Sass有两种语法格式：一种是Sass（缩进语法），另一种是SCSS（Sassy CSS）。

=>基本语法

变量

        Sass允许你使用变量来存储值，如颜色、字体、间距等。

$primary-color: #333;

body {
  color: $primary-color;
}

嵌套

        Sass允许你在CSS规则中嵌套其他CSS规则，这样可以更清晰地表示层次结构。

nav {
  ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  li { display: inline-block; }

  a {
    text-decoration: none;
    &:hover {
      text-decoration: underline;
    }
  }
}

混合（Mixins）

        混合允许你定义可重用的CSS片段，并在需要时插入它们。

<