scss - 语法

1.在一个样式导入另一个样式（@import "example.css"）

2.scss单行注释不会显示出来

3.强大的变量（定义后，全局可使用）

4.全局默认变量（加!default）

如何覆盖（重新，声明一次）

5.特殊变量

6.多值变量

7.map

8.全局变量（目前）内部变量会覆盖外部变量

9.全局global变量设置

10.嵌套（选择器和属性嵌套）

选择器嵌套（&代表父类）

属性嵌套

11.@at-root（跳出上级选择器）

 .parent-2 {
   color: #f00;
 }
 .child {
   width: 200px;
 }

12.混合（mixin）- @mixin声明，@include调用

13.继承（加入h1）

14.函数

15.运算（变量以$，以四则运算）

16.条件与判断

@if判断

三目判断

if(true, 1px, 2px) => 1px
if(false, 1px, 2px) => 2px

for循环（不知道大家怎么解决这雪碧图）

本文来自：https://www.w3cplus.com/sassguide/syntax.html