预期css stylelint规则捕捉选择器＆＃39;错误

Question

作为我的流程的一部分，我使用stylelint在构建和部署网站之前查找css错误。但是有人检查了下面的css解析器/ minifier失败但是传递了stylelint。

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

我似乎无法找出任何现有规则来捕捉这一点。有没有我失踪的？否则，是时候编写自定义规则来捕获它了吗？

Answer 1

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

请注意，该规则最初已移除the following reason：

  

有效验证CSS规范超出了stylelint核心包的范围。请调查此功能的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-specificity，no-duplicate-selectors等规则。

或限制团队在代码库中使用和不能使用的CSS功能 - 使用unit-blacklist，selector-max-id，selector-class-pattern等规则。