css - css stylelint 规则捕获“预期选择器”错误

Question

作为我的过程的一部分，我使用 stylelint 在为我们的站点构建和部署之前查找 css 错误。然而，有人检查了以下内容，但在 css 解析器/缩小器上失败但通过了 stylelint。

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

我似乎无法弄清楚任何现有的规则可以捕捉到这一点。有没有我错过的？否则，是时候编写自定义规则来捕捉这个了吗？

Answer 1

您需要将此规则编写为 plugin。stylelint 曾经有一个规则selector-no-empty来处理您的用例，但它在 7.8.0 版中被删除。您可以使用该规则作为插件的起点。这是来源。

请注意，最初删除该规则的原因如下：

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

目前有一个用于检查 CSS 有效性的csstree stylelint 插件，但选择器验证还没有准备好。所以你可以只使用 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。