-
sass --watch --style compressed scss/path 和 sass --watch scss/path --style compressed 两种方式都可以，但是后者更让人感觉到清晰。学习啦查看全部
-
在webStorm中使用sass的文件，有缩进的问题，例如color：#fff 如果下面的background：#000 存在缩进，则在css编译的过程中出现color-background:#000；这样的问题，同时也会因为这样的小疏忽造成很多的错误，而在sass中是不支持{}和；这样的符号的，可能会支持，但是我的测试结果是不支持的，这一点还要有待考证查看全部
-
在sass文件的写法中支持，body color：#fff background:#fff 但是在scss命名的文件中，则不能省略{}和；如果忽略则会报错，另外在sass的语言中支持任意变量的插入，例如 $sider border-#{$sider}-radius这样的写法是支持的查看全部
-
编译出来的 CSS 代码和使用继承基本上是相同，只是不会在代码中生成占位符 mt 的选择器。那么占位符和继承的主要区别的，“占位符是独立定义，不调用的时候是不会在 CSS 中产生任何代码；继承是首先有一个基类存在，不管调用与不调用，基类的样式都将会出现在编译出来的 CSS 代码中。” //備註:mixin使用的場景只在需要傳參數時，查看全部
-
%placeholder//假如沒有被@extend調用，代碼不會被產生 %mt5{ color:red; }查看全部
-
嵌套-属性嵌套 Sass 中还提供属性嵌套，CSS 有一些属性前缀相同，只是后缀不一样，比如：border-top/border-right，与这个类似的还有 margin、padding、font 等属性。查看全部
-
Sass 的嵌套分为三种： 1、选择器嵌套 2、属性嵌套 3、伪类嵌套查看全部
-
全局变量：定义在元素外面的变量。 局部变量：定义在元素内部的变量。 注意：当在局部范围（选择器内、函数内、混合宏内...）声明一个已经存在于全局范围内的变量时，局部变量就成为了全局变量的影子。基本上，局部变量只会在局部范围内覆盖全局变量。 变量声明: 只有满足所有下述标准时方可创建新变量： 1、该值至少重复出现了两次； 2、该值至少可能会被更新一次； 3、该值所有的表现都与变量有关（非巧合）。查看全部
-
普通变量：定义后可以在全局范围内使用 默认变量：仅需要在值之后加上 !default 即可 注意：Sass的默认变量一般是用来设置默认值，然后根据需求来覆盖的，覆盖的方式也很简单，只需要在默认变量之前重新声明下变量即可。查看全部
-
Sass 的变量包括三个部分： 1、变量声明符：$ 2、变量名称 3、变量值 格式：$变量名称: 变量值; 注意：如果值后面加上!default则表示默认值。查看全部
-
Sass调试： 1、浏览器支持 sourcemap 功能即可 2、早期版本编译时添加参数：--sourcemap sass --watch --scss --sourcemap style.scss:style.css 3、Sass 3.3版本以后不需添加参数 sass --watch style.scss:style.css 4、终端输入命令，将看到一个信息查看全部
-
压缩方式 compressed 编译时带上参数 --style compressed 命令示例：sass --watch tesr.scss:test.css --style compressed 说明：压缩输出方式会去掉标准的Sass和CSS注释及空格，也就是压缩好的CSS代码样式风格。查看全部
-
紧促输出方式 compact 编译时带上参数 --style compact 命令示例：sass --watch tesr.scss:test.css --style compact 说明：该方式适合喜欢单行CSS样式格式的朋友查看全部
-
展开输出方式 expanded 编译时带上参数 --style expanded 命令示例：sass --watch tesr.scss:test.css --style expanded 说明：expanded输出的CSS样式风格和nested类似，只是大括号在另起一行查看全部
-
嵌套输出方式 nested 编译时带上参数 --style nested 命令示例：sass --watch tesr.scss:test.css --style nested查看全部
举报
0/150
提交
取消