-
[Sass]嵌套输出方式 nested
在编译的时候带上参数“ --style nested”:
sass --watch test.scss:test.css --style nested
查看全部 -
Sass 样式继承使用 @extend 选择器；
在 CSS 中表现为，样式的合并；如下：
.btn, .btn-primary {
border: 1px solid #ccc;
padding: 6px 10px;
font-size: 14px;
}
.btn-primary {
background-color: #f36;
color: #fff;
}
查看全部 -
使用 @include 混合宏
查看全部 -
sass，定义样式块
查看全部 -
@mixin 定义一个模板样式块，使用@include引用模板样式块；
模板样式块可以定义默认值
查看全部 -
个人理解 & 的作用就是一个替代字符，替代 选择器字符，即 { 左边的字符相加
查看全部 -
Sass 全局变量 和 局部变量，作用域问题？
在选择器中定义的为 局部变量，在此选择器中 使用局部变量。
在选择器外定义的为 全局变量，作用域选择器中没有重定义该变量的所有选择器。
查看全部 -
变量默认值：!defalut 如：$color: red !default;
覆盖默认值方法，在默认值 之前 再次声明新的变量值即可，如下：
$width: 100px;
$width: 200px !default;
body { width: $width; } 转js body { width: 100px; }
之后用编辑试过后，在后面定义也一样可以覆盖，使用 !default 的目的，主要是看有没有定义，没有定义就使用这个默认值，有就使用定义的，跟在什么位置写的没关系。
查看全部 -
Sass的两种扩展名文件：.sass 和 .scss
.sass 是sass的旧版本 使用缩进式 书写规范
.scss 是sass的新版本 使用{}和; 书写规范
查看全部 -
scss 变量使用1
查看全部 -
sass定义变量 $变量名：变量值查看全部
-
独立的值也被视为值列表——只包含一个值的值列表。
Sass列表函数（Sass list functions）赋予了值列表更多功能（Sass进级会有讲解）：
nth函数（nth function） 可以直接访问值列表中的某一项；
join函数（join function） 可以将多个值列表连结在一起；
append函数（append function） 可以在值列表中添加值；
@each规则（@each rule） 则能够给值列表中的每个项目添加样式。
查看全部 -
Sass 中的占位符 %placeholder 功能是一个很强大，很实用的一个功能，这也是我非常喜欢的功能。他可以取代以前 CSS 中的基类造成的代码冗余的情形。因为 %placeholder 声明的代码，如果不被 @extend 调用的话，不会产生任何代码。
查看全部 -
在 Sass 中的继承，可以继承类样式块中所有样式代码，而且编译出来的 CSS 会将选择器合并在一起，形成组合选择器：
查看全部 -
sass 的默认变量一般是用来设置默认值，然后根据需求来覆盖的，覆盖的方式也很简单，只需要在默认变量之前重新声明下变量即可。
查看全部
举报