css 预处理之sass
2020-09-22 21:50:24 0 举报
AI智能生成
css预处理sass与差异
作者其他创作
大纲/内容
css 预处理
与less区别
不同
运行环境
作用域
命名
条件语句
sass具有函数概念
数据结构
处理机制
相同
sass
申明变量
$c-color: red
混合(mixin)
定义一个Mixins模块,在模块内你可以添加任何你想重复使用的样式
传参
参数设置默认值
向Mixin传递样式片段
继承
描述:
继承是SASS中非常重要的一个特性
可以通过@extend指令在选择器之间复用CSS属性,并且不会产生冗余的代码
子主题
结果
操作符
SASS提供了标准的算术运算符,例如+、-、*、/、%
函数
区别
使用@ectend会产生dry风格代码
@extend会增加选择器之间的联系,然后把他们堆在一起
你正在为一些相关的元素设置样式,就拿一组按钮来说,使用@extend让他们共享样式看起来合情合理
但是如果这些被复用的样式片段并不仅仅局限于相关的元素,那么使用@mixin或许更好
@mixin它能够接受参数
作用域不同
0 条评论
回复 删除
下一页