摘要: @error 和 @warn、@debug 功能是如出一辙。 编译的时候: 阅读全文
posted @ 2018-06-03 15:34 珊迪·奇克斯 阅读(120) 评论(0) 推荐(0) 编辑
摘要: @warn 和 @debug 功能类似,用来帮助我们更好的调试 Sass。如: 阅读全文
posted @ 2018-06-03 12:12 珊迪·奇克斯 阅读(132) 评论(0) 推荐(0) 编辑
摘要: @debug 在 Sass 中是用来调试的,当你的在 Sass 的源码中使用了 @debug 指令之后,Sass 代码在编译出错时,在命令终端会输出你设置的提示 Bug: 会输出: 阅读全文
posted @ 2018-06-03 12:10 珊迪·奇克斯 阅读(214) 评论(0) 推荐(0) 编辑
摘要: @at-root 从字面上解释就是跳出根元素。当你选择器嵌套多层之后,想让某个选择器跳出,此时就可以使用 @at-root。来看一个简单的示例: 编译出来的CSS 阅读全文
posted @ 2018-06-03 12:07 珊迪·奇克斯 阅读(193) 评论(0) 推荐(0) 编辑
摘要: Sass 中的 @extend 是用来扩展选择器或占位符。比如: 被编译为: 扩展选择器: @extend 不止扩展类选择器,还可以扩展任何选择器,比如 .special.cool, a:hover, 或 a.user[href^=“http://“],例如: 编译出来: 再来看一个复杂点的: 编译 阅读全文
posted @ 2018-06-03 11:55 珊迪·奇克斯 阅读(200) 评论(0) 推荐(0) 编辑
摘要: @import 根据文件名引入。 默认情况下,它会寻找 Sass 文件并直接引入, 但是,在少数几种情况下,它会被编译成 CSS 的 @import 规则: 如果文件的扩展名是 .css。 如果文件名以 http:// 开头。 如果文件名是 url()。 如果 @import 包含了任何媒体查询(m 阅读全文
posted @ 2018-06-03 11:44 珊迪·奇克斯 阅读(472) 评论(0) 推荐(0) 编辑