2017-09-26 153 views
0

作为我的过程的一部分,我使用stylelint在构建和部署我们的网站之前查找css错误。然而,有人检查了以下在css解析器/缩小器上失败,但通过了stylelint。css stylelint规则来捕捉'选择器是预期的'错误

.example-class , 
/*.example-class-two span*/ { 
..... removed for brevity ..... 
} 

我似乎无法弄清楚任何现有的规则,使其能够捕捉到这一点。有没有我想念的东西?否则,是时候写一个自定义规则来解决这个问题了?

+0

你不想将昏迷移动到注释块内的下一行吗? –

+0

是的,这是一个错误,我的问题是没有被stylelint抓住。我想确保发现这样的错误。 –

+0

我没有使用stylelint,但csslint抓住这个罚款 - http://csslint.net –

回答

1

你需要写这个规则as a plugin。 stylelint曾经有一个处理你的用例的规则selector-no-empty,但它在7.8.0版中被删除。您可以使用该规则作为插件的起点。 Here's the source

注意,最初为the following reason删除的规则:

它是超越stylelint的核心包,有效地验证对CSS规范的范围。请为此功能调查csstree和css-values,并为这些项目和包含它们的stylelint插件做出贡献。

当前有一个csstree stylelint plugin用于检查CSS的有效性,但selector validation is not ready yet。所以你可以使用csstree stylelint插件并等待选择器验证登陆。

stylelint本身是不是一个CSS规范验证,它的设计更检测代码可能,尽管是有效的,有意想不到的后果 - 与像declaration-block-no-shorthand-property-overrides规则,no-descending-specificityno-duplicate-selectors

或限制什么CSS功能可以和不能在一个代码组内使用 - 有像unit-blacklist,selector-max-id,selector-class-pattern等规则