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

Question

我正在使用一个CSS文件，该文件使用Mozilla的-moz-element（#element）指令作为背景图片。代码如下：

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

当我通过CSSLint运行时，它告诉我＆＃34;规则是空的＆＃34;，尽管事实上它显然不是。我可以尝试通过命令行运行CSSLint并使用--ignore，但我真正想要的是一种忽略CSS文件中单行的方法。有没有办法做到这一点？

为了清楚起见，我正在寻找的是与JSHint如何做事的类比，如下所示：

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

Answer 1

使用嵌入式规则集：

/*csslint important: false*/

.example {
  display: none ! important 
}

/*csslint important: true*/

Answer 2

CSSLint目前不支持CSS文件中的单行忽略功能。希望（会很棒！）将来这种变化。

Answer 3

还可以ignore部分：

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

还有allow：

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

Answer 4

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

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

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