-
命令编译是指使用你电脑中的命令终端,通过输入 Sass 指令来编译 Sass。 开启“watch”功能,这样只要你的代码进行任保修改,都能自动监测到代码的变化,并且给你直接编译出来: sass --watch <要编译的Sass文件路径>/style.scss:<要输出CSS文件路径>/style.css查看全部
-
@extend .btn查看全部
-
定义一个带默认值的混合宏,调用可以不传值,就是默认值,传了值就是该传入值查看全部
-
传一个不带值的参数,在调用的时候就可以传入值查看全部
-
@include name查看全部
-
@mixin name { }查看全部
-
属性嵌套查看全部
-
默认变量,在后面加!default查看全部
-
sass常见错误查看全部
-
安装Sass : gem install sass; 更新Sass : gem update sass; 卸载Sass : gem uninstall sass;查看全部
-
小结: 1.两个有引号的字符串连接,则结果有引号的字符串; 3.带引号的字符串在左侧跟没有引号的连接,则结果是带引号的字符串。 4.不带引号的字符串左侧跟带引号字符串连接,则结果是不带引号的字符串。(结果带不带引号取决于左侧的字符串有没引号)查看全部
-
Sass 的除法运算还有一个情况。我们先回忆一下,在乘法运算时,如果两个值带有相同单位时,做乘法运算时,出来的结果并不是我们需要的结果。但在除法运算时,如果两个值带有相同的单位值时,除法运算之后会得到一个不带单位的数值。如下所示: .box { width: (1000px / 100px); } 编译出来的CSS如下: .box { width: 10; }查看全部
-
.box { width: 100px / 2; } 编译出来的 CSS 如下: .box { width: 100px / 2; } 这样的结果对于大家来说没有任何意义。要修正这个问题,只需要给运算的外面添加一个小括号( )即可: .box { width: (100px / 2); }查看全部
-
Sass 的乘法运算和加法、减法运算一样,在运算中有不同类型的单位时,也将会报错。如下面的示例: .box { width: 20px * 2em; }查看全部
-
试了一下,减号左边必须有空格,不然报错。右边空格倒是可加可不加。 建议减号两边都加上空格。查看全部
举报
0/150
提交
取消