-
需要放在!default语句之前才能进行覆盖查看全部
-
将文件编码设置为“utf-8”。 项目中文件命名或者文件目录命名不要使用中文字符。查看全部
-
sass --watch sass/bootstrap.scss:css/bootstrap.css查看全部
-
除法运算 1:有精确值时 用（） 2：有多级运算时 自动将/解析为除法 3：变量进行除法运算 自动解析魏除法 • 如果数值或它的任意部分是存储在一个变量中或是函数的返回值。 • 如果数值被圆括号包围。 • 如果数值是另一个数学表达式的一部分。查看全部
-
插值 ： %updated-status { margin-top: 20px; background: #F00; } .selected-status { font-weight: bold; } $flag: "status"; .navigation { @extend %updated-#{$flag}; @extend .selected-#{$flag}; }查看全部
-
插值#{}查看全部
-
属性嵌套： .test{ margin:{ top:10px; left:20px; } }查看全部
-
代码块中涉及到变量，建议使用混合宏来创建相同的代码块。 代码块不需要专任何变量参数，而且有一个基类已在文件中存在，那么建议使用 Sass 的继承。 使用继承后，编译出来的 CSS 会将使用继承的代码块合并到一起，通过组合选择器的方式向大家展现，比如 .mt, .block, .block span, .header, .header span。这样编译出来的代码相对于混合宏来说要干净的多，但是他不能传变量参数。查看全部
-
@maxin 申明混合宏 @include 引用混合宏 @extend 继承查看全部
-
Sass 的嵌套分为三种： 选择器嵌套 属性嵌套 伪类嵌套查看全部
-
什么时候声明变量？ 我的建议，创建变量只适用于感觉确有必要的情况下。不要为了某些骇客行为而声明新变量，这丝毫没有作用。只有满足所有下述标准时方可创建新变量： 该值至少重复出现了两次； 该值至少可能会被更新一次； 该值所有的表现都与变量有关（非巧合）。查看全部
-
变量名不能使用数字命名，css属性只能要写成这样#{css属性}才能生效查看全部
-
“.sass”只能使用 Sass 老语法规则（缩进规则），“.scss”使用的是 Sass 的新语法规则，也就是 SCSS 语法规则（类似 CSS 语法格式）。查看全部
-
p:before { content: "Foo " + Bar; font-family: sans- + "serif"; } 编译出来的 CSS： p:before { content: "Foo Bar"; font-family: sans-serif; }查看全部
-
$list: twitter,facebook,github,weibo; // 这句话表示$i从1开始循环，直到$list在length // 写成js就是 // for ( let i=1; i <= list.length; i++) @for $i from 1 through length($list){ //这条语句里的nth函数的第一个参数为列表，第二个为提取列表中那个值的index数字，sass中的index从1开始计数。 //用js写就是list[i] .icon-#{nth($list,$i)}{background-postion: 0 - 20*$i;} }查看全部
举报
0/150
提交
取消