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

Question

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

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

当我通过 CSSLint 运行时，它告诉我 "Rule is empty"，尽管事实显然不是。我可以尝试通过命令行运行 CSSLint 并使用 --ignore，但我真正想要的是一种方法来忽略 CSS 文件中的那一行.有办法吗？

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

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

Answer 1

在版本 0.9.10+ 中，您可以直接在 CSS 文件中使用 "embedded rulesets"。

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

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

Answer 2

CSSLint 当前不支持 CSS 文件中的单行忽略函数。希望（会很棒！）这会在未来有所改变。

Answer 3

使用嵌入式规则集：

/*csslint important: false*/

.example {
  display: none ! important 
}

/*csslint important: true*/

Answer 4

一个人也可以 ignore 节：

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

还有allow:

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

CSSLint: Ignore single line in CSS file?