
css预处理器
css预处理器
捞比丶
这个作者很懒,什么都没留下…
展开
-
css预处理器------less笔记
less笔记 变量、插值 编译前: @number: 100px; @key :margin; @i: 2; .box@{i} { width: @number; height: @number; @{key}: auto; } 编译后: .box2 { width: 100px; height: 100px; margin: auto } 作用域 编译前: @number: 100px; .box3 { height: @number;原创 2020-07-20 01:30:54 · 120 阅读 · 0 评论 -
css预处理器------Sass笔记
Sass笔记 变量、插值 编译前: $number:100px; $key:margin; $i:2; .box#{$i} { width: $number; height: $number; #{$key}: auto; } 编译后: .box2 { width: 100px; height: 100px; margin: auto; } 作用域 tips:作用域是有顺序的 编译前: $number:100px; .box3 { height原创 2020-07-20 00:52:17 · 137 阅读 · 0 评论