scss基本用法

时间:2023-11-22 17:10:44

 特别说明:scss函数名中的中划线和下划线是等同的,font-size和font_size指向同一个函数。

1.变量

scss基本用法

2.选择器嵌套

scss基本用法

3.属性嵌套

规则如下:

(1).把属性名从中划线-的地方断开。
(2).在根属性后边添加一个冒号:紧跟一个块,把子属性部分写在这个{ }块中。

scss基本用法

4.&父选择器标识符,它的作用就相当于一个父选择器的占位符。

scss基本用法

5.引入

scss基本用法

6.操作符 +、-、*、/、%

scss基本用法

7.函数

scss基本用法

8.混合 @mixin

scss基本用法

9.继承@extend

scss基本用法