css - CSSLint：忽略 CSS 文件中的单行？

Question

我正在使用一个 CSS 文件，该文件使用 Mozilla 的 -moz-element(#element) 指令作为背景图像。代码如下所示：

#foo {background-image: -moz-element(#element);}

当我通过 CSSLint 运行它时，它告诉我“规则为空”，尽管它显然不是。我可以尝试通过命令行运行 CSSLint 并使用 --ignore，但我真正要寻找的是一种方法来忽略我的 CSS 文件中的那一行。有没有办法做到这一点？

为了清楚起见，我正在寻找的是类似于 JSHint 做事的方式，看起来像这样：

var notChecked = 'This line won't get checked'; // jshint ignore:line

score 8 · Accepted Answer

使用嵌入式规则集：

/*csslint important: false*/

.example {
  display: none ! important 
}

/*csslint important: true*/

score 2 · Accepted Answer

CSSLint 目前不支持 CSS 文件中的单行忽略函数。希望（会很棒！）这在未来会发生变化。

score 0 · Accepted Answer

也可以忽略以下部分：

/* csslint ignore:start */
@import('normalize.css');
/* csslint ignore:end */

并且还允许：

.foo.bar { /* csslint allow: adjoining-classes */
  margin: 0;
}

score -1 · Accepted Answer

在 0.9.10+ 版本中，您可以直接在 CSS 文件中使用“嵌入式规则集”。

如果这不起作用，您可以尝试将该行放在 CSS 注释中，例如：

/* #foo {background-image: -moz-element(#element);} */

4 回答 4