菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 前端_张佳豪_20230703 [打印本页]

作者: 张佳豪 时间: 2023-7-10 18:18
标题: 前端_张佳豪_20230703
SASS中的混合和LESS中也一样, 只是定义格式和调用的格式不同
LESS中混合定义: .混合名称{} 或者 .混合名称==()=={}
LESS中混合调用: .混合名称; 或者 .混合名称==()==
SASS中混合定义: @mixin 混合名称{}; 或者 @mixin 混合名称(){};
SASS中混合调用: @include 混合名称; 或者 @include 混合名称();
SASS中的条件判断
和LESS一样SASS中也支持条件判断, 只不过SASS中的条件判断支持得更为彻底
SASS中支持
@if(条件语句){}
@else if(条件语句){}
... ...
@else(条件语句){}
SASS中当条件不为false或者null时就会执行{}中的代码
和LESS一样SASS中的条件语句支持通过> >= < <= ==进行判断

SASS中的循环
SASS比LESS牛逼的地方就在于SASS中直接支持循环语句, 而LESS中需要通过混合+条件判断自己实现
SASS中支持两种循环, 分别是for循环和while循环
for循环
@for i from 起始整数 through 结束整数{}
@for i from 起始整数 to 结束整数{}
两者的区别 through包头包尾, to包头不包尾
while循环
@while(条件语句){}

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)