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