-
占位符/嵌套/继承查看全部
-
$sides:(top,right,bottom,left); @mixin set-side($pro,$val){ @each $side in $sides{ #{$pro}-#{$side}:$val; } } .box{ @include set-side(padding,10px); }查看全部
-
适用于组件开发，默认值设置！default;覆盖只需在它之前重新声明查看全部
-
Sass 和 SCSS 其实是同一种东西，我们平时都称之为 Sass，两者之间不同之处有以下两点： 文件扩展名不同，Sass 是以“.sass”后缀为扩展名，而 SCSS 是以“.scss”后缀为扩展名 语法书写方式不同，Sass 是以严格的缩进式语法规则来书写，不带大括号({})和分号(;)，而 SCSS 的语法书写和我们的 CSS 语法书写方式非常类似。查看全部
-
特别参数：... @mixin box-shadow($shadows...){ @if length($shadows) >= 1 { -webkit-box-shadow: $shadows; box-shadow: $shadows; } @else { $shadows: 0 0 2px rgba(#000,.25); -webkit-box-shadow: $shadow; box-shadow: $shadow; } } 调用 .box{ @include box-shadow(0 0 1px rgb(#000,.5),0 0 3px rgb(#f66,.2)); }查看全部
-
注意，如果有引号的字符串被添加了一个没有引号的字符串 （也就是，带引号的字符串在 + 符号左侧）， 结果会是一个有引号的字符串。 同样的，如果一个没有引号的字符串被添加了一个有引号的字符串 （没有引号的字符串在 + 符号左侧）， 结果将是一个没有引号的字符串。 例如： p:before { content: "Foo " + Bar; font-family: sans- + "serif"; } 编译出来的 CSS： p:before { content: "Foo Bar"; font-family: sans-serif; }查看全部
-
综合上述，”/ ”符号被当作除法运算符时有以下几种情况： • 如果数值或它的任意部分是存储在一个变量中或是函数的返回值。 • 如果数值被圆括号包围。 • 如果数值是另一个数学表达式的一部分。 如下所示： //SCSS p { font: 10px/8px; // 纯 CSS，不是除法运算 $width: 1000px; width: $width/2; // 使用了变量，是除法运算 width: round(1.5)/2; // 使用了函数，是除法运算 height: (500px/2); // 使用了圆括号，是除法运算 margin-left: 5px + 8px/2px; // 使用了加（+）号，是除法运算 }查看全部
-
1、类似 CSS 的注释方式，使用 ”/* ”开头，结属使用 ”*/ ” 2、类似 JavaScript 的注释方式，使用“//” 两者区别，前者会在编译出来的 CSS 显示，后者在编译出来的 CSS 中不会显示查看全部
-
混合宏 VS 继承 VS 占位符查看全部
-
.box { border: { top: 1px solid red; bottom: 1px solid green; } } 得到 .box { border-top: 1px solid red; border-bottom: 1px solid green; }查看全部
-
Sass 是一门高于 CSS 的元语言，它能用来清晰地、结构化地描述文件样式，有着比普通 CSS 更加强大的功能。 Sass 能够提供更简洁、更优雅的语法，同时提供多种功能来创建可维护和管理的样式表。查看全部
-
$side : left; .rounded { border-#{$side}-radius: 5px; }查看全部
-
声明变量： 1.该值至少重复出现两次 2.该值至少可能会被更新一次 3.该值所有的表现都与变量有关查看全部
-
sass如果想要变默认设置的默认变量，就要根据需求覆盖，在之前声明好的变量前面加上新声明的变量的默认值查看全部
-
sass可以调试 sass--watch--scss--sourcemap查看全部
举报
0/150
提交
取消