sass常用语法

作者: Vijay_ | 来源:发表于2017-11-01 02:21 被阅读13次

list和map

//一维数组
$list:10px 20px 30px;
//二维数组
$list:(1px 2px) (6px 7px);
//map
$map:($key:$val,$key2:$val);
//获取值
map-get($map,$key);
nth($list,$num);

变量值转换成代码字符

$i:1;
//将$i的值转换成代码字符 编译后就是nth-child(1);
&:nth-child(#{$i}){
        border: 1px solid;
};

mixin使用

//声明
@mixin $name($params...){/*内容*/};
//调用
@include $name;

@function使用

//定义
@function mutable($num){
  @return $num;
  };
//使用
  border: #{mutable(1)}px solid;

遍历

@for $i from $num through $num{
/*内容*/
}

sass常用记录
sass常用记录多写才能记住基础的语法还是要记一下用法安装sass 监听，sass --watch sas...
Sass系列（二）：sass的基本用法
sass的语法格式 sass有两种语法格式： sass语法格式（老版本sass语法格式）文件后缀名为.sass ...
sass/git/gulp
sass用法指南sass语法常用git指令git-book gulp详细入门教程gulp使用指南segmentf...
Sass入门篇
卸载 Sassgem uninstall sass Sass 语法格式这里说的 Sass 语法是 Sass 的最初...
SASS - 简介
SASS – 简介 SASS – 环境搭建 SASS – 使用Sass程序 SASS – SASS – 语法 SA...
SASS - 使用Sass程序
SASS – 简介 SASS – 环境搭建 SASS – 使用Sass程序 SASS – SASS – 语法 SA...
SASS - 环境搭建
SASS – 简介 SASS – 环境搭建 SASS – 使用Sass程序 SASS – SASS – 语法 SA...
SASS - 操作符
SASS – 简介 SASS – 环境搭建 SASS – 使用Sass程序 SASS – SASS – 语法 SA...
SASS- 局部文件(Partial)
SASS – 简介 SASS – 环境搭建 SASS – 使用Sass程序 SASS – SASS – 语法 SA...
SASS - @extend（继承）指令
SASS – 简介 SASS – 环境搭建 SASS – 使用Sass程序 SASS – SASS – 语法 SA...

网友评论

本文标题：sass常用语法

本文链接：https://www.haomeiwen.com/subject/ebqwpxtx.html

sass常用语法