sass/scss 变量与嵌套规则

$fontSize: 16px;
div {
  $fontSize: 24px;
  font-size: $fontSize;    // 24px;
}
p {
  font-size: $fontSize;    // 16px;
}
span {
  $fontSize: 26px !global;  // !global 关键字设置变量为全局的
  font-size: $fontSize;    // 26px;
}
a {
  font-size:$fontSize;    // 26px
}

# 控制台打印输出编译结果
$ sass test1.scss

$fontSize: 12px;
$fontweight: 600;
/* 标签嵌套 */
div {
    p {
        font-size: $fontSize;
    }
    span {
        font-size: $fontSize;
    }
}
/* 属性嵌套 */
p {
    font: {
        size: $fontSize;
        weight: $fontweight;
    }
}