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

posted @ 2018-03-22 19:05  Sunsin  阅读(428)  评论(0编辑  收藏  举报