-
使用变量会产生代码冗余，而占位符不会产生代码块，只有通过@extend 才会产生代码块。 混合宏和变量都不合并，而继承会合并选择器， 占位符可以合并相同的代码查看全部
-
sass 也具有继承样式的特性，使用@extend 来继承类样式块，编译出来的CSS会将选择器合并查看全部
-
使用混合宏会生成冗余的代码块，如截图里编译后的CSS，造成冗余查看全部
-
混合宏参数传带值得，可以直接调用，或者随机传值查看全部
-
声明一个混合宏，传一个不带值得参数 @mixin border-radius($radius){}查看全部
-
声明好混合宏后，使用 @include 来调用混合宏查看全部
-
混合宏可以带多个参数使用 ... 来代替，截图里有示例查看全部
-
变量只能在复用小段样式上用，复用大片样式时，就需要用到混合宏 声明混合宏, 使用关键字@mixin 声明： @mixin border-radius（混合宏名称）{ -webkit-border-radius: 5px; border-radius: 5px; }查看全部
-
伪类嵌套使用 & , .box{ &:after{content: " "; display: table; }}查看全部
-
属性嵌套，比如前缀相同，后缀不同，比如margin, border, padding .box{border:{top: 12px; bottom: bold; }}查看全部
-
选择器嵌套不要嵌套太深，Sass 的嵌套分为三种：选择器嵌套、属性嵌套、伪类嵌套 选择器嵌套：nav{ a {color: red; header & {color: green;} }}查看全部
-
声明新变量时机：1. 该值出现至少两次；2. 该值至少可能会被更新一次；3. 该值所有表现都与变量有关查看全部
-
变量分为全局变量和局部变量，局部变量：在元素内部定义的变量 全局变量：定义在元素外面的变量 局部变量只会在局部范围内覆盖全局变量查看全部
-
darken用来改变颜色亮度值，生成一个新颜色查看全部
-
在需要的地方调用需要的变量即可查看全部
举报
0/150
提交
取消