-
没看明白咋差值的查看全部
-
占位符与变量的区别：1、占位符可合并，变量不可合并。查看全部
-
3占位符，能用尽量用查看全部
-
2、如果不需要参数，有基类已经存在可供继承，则使用继承，可避免冗余代码查看全部
-
1、需要用到参数则使用混合宏。但它会产生冗余代码。 2、查看全部
-
1、占位符作用 2、合并原则查看全部
-
继承的属性编译后将会合并查看全部
-
传多个参数里面如何解析的？查看全部
-
怎么嵌套的？查看全部
-
[Sass]混合宏 VS 继承 VS 占位符 初学者都常常纠结于这个问题“什么时候用混合宏，什么时候用继承，什么时候使用占位符？”其实他们各有各的优点与缺点，先来看看他们使用效果： a) Sass 中的混合宏使用 举例代码见右侧 2-24 行 编译出来的 CSS 见右侧结果窗口。 总结：编译出来的 CSS 清晰告诉了大家，他不会自动合并相同的样式代码，如果在样式文件中调用同一个混合宏，会产生多个对应的样式代码，造成代码的冗余，这也是 CSSer 无法忍受的一件事情。不过他并不是一无事处，他可以传参数。 个人建议：如果你的代码块中涉及到变量，建议使用混合宏来创建相同的代码块。 b) Sass 中继承 同样的，将上面代码中的混合宏，使用类名来表示，然后通过继承来调用： 代码见右侧 26-48 行 总结：使用继承后，编译出来的 CSS 会将使用继承的代码块合并到一起，通过组合选择器的方式向大家展现，比如 .mt, .block, .block span, .header, .header span。这样编译出来的代码相对于混合宏来说要干净的多，也是 CSSer 期望看到。但是他不能传变量参数。 个人建议：如果你的代码块不需要专任何变量参数，而且有一个基类已在文件中存在，那么建议使用 Sass 的继承。 c) 占位符 最后来看占位符，将上面代码中的基类 .mt 换成 Sass 的占位符格式： 代码见右侧 50-72 行 总结：编译出来的 CSS 代码和使用继承基本上是相同，只是不会在代码中生成占位符 mt 的选择器。那么占位符和继承的主要区别的，“占位符是独立定义，不调用的时候是不会在 CSS 中产生任何代码；继承是首先有一个基类存在，不管调用与不调用，基类的样式都将会出现在编译出来的 CSS 代码中。” 来看一个表格：查看全部
-
如果有引号的字符串被添加了一个没有引号的字符串 （也就是，带引号的字符串在 + 符号左侧）， 结果会是一个有引号的字符串。 同样的，如果一个没有引号的字符串被添加了一个有引号的字符串 （没有引号的字符串在 + 符号左侧）， 结果将是一个没有引号的字符串查看全部
-
”/ ”符号被当作除法运算符时有以下几种情况： 1、如果数值或它的任意部分是存储在一个变量中或是函数的返回值。 2、如果数值被圆括号包围。 3、如果数值是另一个数学表达式的一部分。 除法运算时，如果两个值带有相同的单位值时，除法运算之后会得到一个不带单位的数值。查看全部
-
Sass列表函数: nth函数（nth function） 可以直接访问值列表中的某一项； join函数（join function） 可以将多个值列表连结在一起； append函数（append function） 可以在值列表中添加值； @each规则（@each rule） 则能够给值列表中的每个项目添加样式。查看全部
-
a) Sass 中的混合宏使用: 个人建议：如果你的代码块中涉及到变量，建议使用混合宏来创建相同的代码块。 b) Sass 中继承： 个人建议：如果你的代码块不需要专任何变量参数，而且有一个基类已在文件中存在，那么建议使用 Sass 的继承。 c) 占位符： 占位符是独立定义，不调用的时候是不会在 CSS 中产生任何代码；继承是首先有一个基类存在，不管调用与不调用，基类的样式都将会出现在编译出来的 CSS 代码中。查看全部
-
占位符的好处是，不调用是不会编译出来的。 混合宏的好处是，可以传参，但是编译出来的内容冗余。 继承的好处是，对不要传参变动的内容继承后编译出来的内容，相同部分是在一起的，代码比较简洁规范。缺点是不能传参查看全部
举报
0/150
提交
取消