菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻
461
0

scss - 语法

原创
05/13 14:22
阅读数 13056

 

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

发表评论

0/200
461 点赞
0 评论
收藏