• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • @debug

    有时,在开发样式表时,查看变量或表达式的值很有用。这就是@debug规则的用途:它被写入@debug<expression>,它打印出该表达式的值,以及文件名和行号。

    @mixin inset-divider-offset($offset, $padding) {
      $divider-offset: (2 * $padding) + $offset;
      @debug "divider offset: #{$divider-offset}";
    
      margin-left: $divider-offset;
      width: calc(100% - #{$divider-offset});
    }
    

    调试消息的确切格式因实现而异。这是它在 Dart Sass 中的样子:

    test.scss:3 Debug: divider offset: 132px
    
    您可以将任何值传递给@debug,而不仅仅是字符串!它打印该值的相同表示作为meta.inspect()函数。

    上篇:@warn

    下篇:@at-root