-
$color: red; .test { color: $color; }查看全部
-
$side : left; .rounded { border-#{$side}-radius: 5px; }查看全部
-
有无引号取决于“+”左边的字符是否有引号。查看全部
-
所有算数运算都支持颜色值，并且是分段运算的。也就是说，红、绿和蓝各颜色分段单独进行运算。查看全部
-
$col-width: 60px; $col-gap: 20px; @for $i from 1 through 12 { .col-#{$i}{ width: $i * $col-width + ($i - 1) * $col-gap; } }查看全部
-
//SCSS p { font: 10px/8px; // 纯 CSS，不是除法运算 $width: 1000px; width: $width/2; // 使用了变量，是除法运算 width: round(1.5)/2; // 使用了函数，是除法运算 height: (500px/2); // 使用了圆括号，是除法运算 margin-left: 5px + 8px/2px; // 使用了加（+）号，是除法运算 } 综合上述，”/ ”符号被当作除法运算符时有以下几种情况： • 如果数值或它的任意部分是存储在一个变量中或是函数的返回值。 • 如果数值被圆括号包围。 • 如果数值是另一个数学表达式的一部分。 在乘法运算时，如果两个值带有相同单位时，做乘法运算时，出来的结果并不是我们需要的结果。但在除法运算时，如果两个值带有相同的单位值时，除法运算之后会得到一个不带单位的数值。查看全部
-
@for $i from 1 through length($list){ .icon-#{nth($list,$i)}{ background-postion: 0 - 20px * $i; } }查看全部
-
.content{ width: $container - $sidebar-width - $gap-width; float: left; }查看全部
-
$sidebar-width: 220px; $content-width: 720px; $gap-width: 20px; .container { width: $sidebar-width+$content-width+$gap-width; margin: 0 auto; }查看全部
-
在编译 CSS 文件时不会改变字符串的类型。只有一种情况例外，使用 #{ }插值语句 (interpolation) 时，有引号字符串将被编译为无引号字符串，这样方便了在混合指令 (mixin) 中引用选择器名。查看全部
-
在SCSS中写注释："//"方式的注释不会在CSS中显示，"/*...*/"方式的注释会在CSS中显示查看全部
-
插值其实起到的作用就是转义变量。 可以用插值转义的变量去设置属性名、选择器名、%placeholder名，不能用插值转义的变量去设置变量、mixin名。查看全部
-
一图顶前言，看最后一个图即可。查看全部
-
这里的重点是%的使用，使用%，则可以避免使用基类比如上一节的.btn也被编译进css的情况。减少了冗余代码。 合并代码也是按照属性相同的原则去合并选择器的，至于属性不同，选择器相同的为什么不合并，估计是感觉没太多必要。查看全部
-
传多个参数，爽的不要不要的。查看全部
举报
0/150
提交
取消