JSRUN 用代码说话

错误指令

编辑教程

错误指令

@error指令将SassScript表达式值显示为致命错误。

例子

下面是使用扩展名 .scss 保存的样式表文件,它类似于css文件。

warn.scss

$colors: (
  blue: #c0392b,
  black: #2980b9,

);

@function style-variation($style) {
  @if map-has-key($colors, $style) {
    @return map-get($colors, $style);
  }

  @error "Invalid color: '#{$style}'.";
}

.container {
  style: style-variation(white);
}

您可以通过使用以下命令让SASS查看文件,并在SASS文件更改时更新CSS:

sass --watch C:\ruby\lib\sass\warn.scss:warn.css

当您运行上述命令时,它将自动创建 error.css 文件。 每当您更改SCSS文件时, error.css 文件将自动更新。

输出

让我们执行以下步骤,看看上面的代码是如何工作的,并给出错误:

将以上代码保存在 error.scss 文件中。

在命令提示符下运行上述命令行。

Sass rules and directives

JSRUN闪电教程系统是国内最先开创的教程维护系统, 所有工程师都可以参与共同维护的闪电教程,让知识的积累变得统一完整、自成体系。 大家可以一起参与进共编,让零散的知识点帮助更多的人。
X
支付宝
9.99
无法付款,请点击这里
金额: 0
备注:
转账时请填写正确的金额和备注信息,到账由人工处理,可能需要较长时间
如有疑问请联系QQ:565830900
正在生成二维码, 此过程可能需要15秒钟