scss - 语法

 

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

 

 

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

 

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

 

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

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

 

5.特殊变量

 

 6.多值变量

 

 7.map

 

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

 

 

9.全局global变量设置

 

 

 

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

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

 

属性嵌套

 

 

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

1 .parent-2 {
2   color: #f00;
3 }
4 .child {
5   width: 200px;
6 }

 

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