-
!default应该是一个默认值，就相当于在一个变量里，先设置一个数值，如果有其他的值则优先替换为实际的，没有其他的则显示这个默认的 优先级问题： 在css里同样的属性，写在下方会覆盖同样名称上方的属性值。 如 line-height:1.5; line-height:2; 则最终是显示line-height:2; line-height:1.5 !important; line-height:2; 则最终是显示line-height:1.5; 估计是这样理解： !default < 新属性值 < !important(按css的书写)查看全部
-
修改元素，变量只能改一个样式，宏能改变多个样式查看全部
-
变量声明：用$开头查看全部
-
scss的写法和css写法无差别。查看全部
-
sass有两种文件格式，.sass和.scss。.sass是以严格的缩进式的语法规则来书写，写法不被大多数人接受且不能兼容以前写的css，造成出现早，但是没有less普及。.scss语法的书写方式和css语法的书写方式类似。查看全部
-
如果有引号的字符串被添加了一个没有引号的字符串 （也就是，带引号的字符串在 + 符号左侧）， 结果会是一个有引号的字符串。 同样的，如果一个没有引号的字符串被添加了一个有引号的字符串 （没有引号的字符串在 + 符号左侧）， 结果将是一个没有引号的字符串。查看全部
-
所有算数运算都支持颜色值，并且是分段运算的。也就是说，红、绿和蓝各颜色分段单独进行运算. 算数运算也能将数字和颜色值 一起运算，同样也是分段运算的。查看全部
-
列宽 = 单列宽度 * 列数 + 列间距 * （列数 - 1）: @for $i from 1 through 12 { .col-#{$i}{ width: $i * $col-width + ($i - 1) * $col-gap; } }查看全部
-
”/ ”符号被当作除法运算符时有以下几种情况： • 如果数值或它的任意部分是存储在一个变量中或是函数的返回值。 • 如果数值被圆括号包围。 • 如果数值是另一个数学表达式的一部分。 在乘法运算时，如果两个值带有相同单位时，做乘法运算时，出来的结果并不是我们需要的结果。但在除法运算时，如果两个值带有相同的单位值时，除法运算之后会得到一个不带单位的数值查看全部
-
$list: twitter,facebook,github,weibo; @for $i from 1 through length($list){ .icon-#{nth($list,$i)}{ background-postion: 0 20px * $i; //第一个值是水平位置，第二个值是垂直} } http://www.runoob.com/cssref/pr-background-position.html查看全部
-
能够支持多种单位（比如 em ,px , %）.两个值单位相同时，只需要为一个数值提供单位即可. 在运算中有不同类型的单位时，也将会报错。查看全部
-
值列表中可以再包含值列表，比如 1px 2px, 5px 6px 是包含 1px 2px 与 5px 6px 两个值列表的值列表。如果内外两层值列表使用相同的分隔方式，要用圆括号包裹内层，所以也可以写成 (1px 2px) (5px 6px)。 如果值列表中包含空的值列表或空值，编译时将清除空值，比如 1px 2px () 3px 或 1px 2px null 3px。查看全部
-
Sass 中的插值(Interpolation): $properties: (margin, padding); @mixin set-value($side, $value) { @each $prop in $properties { #{$prop}-#{$side}: $value; } } .login-box { @include set-value(top, 14px); } #{}语法并不是随处可用，你也不能在 mixin 中调用; 可以使用 @extend 中使用插值,但不能接受像 mixin 这样的参数查看全部
-
SassScript 支持 CSS 的两种字符串类型： 有引号字符串 (quoted strings)，如 "Lucida Grande" 、'http://sass-lang.com'； 无引号字符串 (unquoted strings)，如 sans-serifbold。 在编译 CSS 文件时不会改变其类型。只有一种情况例外，使用 #{ }插值语句 (interpolation) 时，有引号字符串将被编译为无引号字符串，这样方便了在混合指令 (mixin) 中引用选择器名。 @mixin firefox-message($selector) { body.firefox #{$selector}:before { content: "Hi, Firefox users!"; } } @include firefox-message(".header"); 编译为： body.firefox .header:before { content: "Hi, Firefox users!"; }查看全部
-
取代以前 CSS 中的基类造成的代码冗余的情形。因为 %placeholder 声明的代码，如果不被 @extend 调用的话，不会产生任何代码查看全部
举报
0/150
提交
取消