随笔分类 - sass
摘要：Sass中的Map长什么样 Sass 的 map 常常被称为数据地图，也有人称其为数组，因为他总是以 key:value 成对的出现， Sass 的 map 长得与 JSON 极其相似。 json: { "employees": [ { "firstName":"John" , "lastName"
阅读全文
摘要：6.8. & in SassScript 就像在选择器中使用时一样，&在SassScript中引用当前父选择器。它是一个逗号分隔的列表和空格分隔的列表。例如: $selector的值现在是((".foo.bar" ".baz.bang"), ".bip.qux")。这里引用复合选择器来表示它们是字符
阅读全文
摘要：如要设置多个li的动画延迟时间时 注：这里选择器要加#{}才行 不然就会编译成： 6.7. 插值语句 #{} (Interpolation: #{}) 通过 #{} 插值语句可以在选择器或属性名中使用变量： 编译为 #{} 插值语句也可以在属性值中插入 SassScript，大多数情况下，这样可能还
阅读全文
摘要：推荐一个很详细的sass教程：https://www.sass.hk/docs/ 在设计网页的时候常常遇到这种情况：一个元素使用的样式与另一个元素完全相同，但又添加了额外的样式。通常会在 HTML 中给元素定义两个 class，一个通用样式，一个特殊样式。假设现在要设计一个普通错误样式与一个严重错误
阅读全文
摘要：混合器 如果你的整个网站中有几处小小的样式类似(例如一致的颜色和字体)，那么使用变量来统一处理这种情况是非常不错的选择。但是当你的样式变得越来越复杂，你需要大段大段的重用样式的代码，独立的变量就没办法应付这种情况了。你可以通过sass的混合器实现大段样式的重用。 混合器使用@mixin标识符定义。看
阅读全文
摘要：在sass中，除了CSS选择器，属性也可以进行嵌套。尽管编写属性涉及的重复不像编写选择器那么糟糕，但是要反复写border-styleborder-widthborder-color以及border-*等也是非常烦人的。在sass中，你只需敲写一遍border: 嵌套属性的规则是这样的:把属性名从中
阅读全文
