scss基础

SASS

混合器

@mixin可以减少大段大段得重复代码,用@incloud+混合器名称来调用混合器

混合器中得css规则

混合器不仅可以包含属性,也可以包含css规则,包含选择器和选择器中得属性

混合器中也可以使用父选择器标识符&

给混合器传参

语法 @mixin name($name1,$name2 ){

color:$name1;

border:$name2;

}

.box{

@incloud name(red,2px )

}

选择器继承

选择器继承就是一个选择器可以继承为另一个选择器定义得所有样式

运算

数据类型

数字,字符串,颜色,布尔型,空值,数组,maps:(key:value)

数字运算

sass支持数字得加减乘除

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值