如何配置 stylelint 禁止所有 HTML 标签

如何解决如何配置 stylelint 禁止所有 HTML 标签

有没有办法配置 stylelint 以禁止所有包含标签名称的选择器？

我找到了 (stylelint-selector-tag-no-without-class)[https://www.npmjs.com/package/stylelint-selector-tag-no-without-class] 插件，我想要使用它禁止现在和将来的所有标签名称，而不列出每个标签。

解决方法

您可以使用内置的 selector-max-type rule 来禁止所有包含标签名称（又名 type selectors）的选择器：

{
  "rules": {
    "selector-max-type": 0
  }
}

这将禁止现在和将来的所有标签名称，因为该规则不允许被解析为类型选择器的选择器，而不是依赖于一些已知类型选择器的列表。

,

编辑：@jeddy3 的 answer 更好。使用它。

为所有标签和自定义元素配置如下规则： "plugin/selector-tag-no-without-class": ["/\\w+/"]。

如果您使用 BEM，您还需要允许 __ 和 -- 前缀："plugin/selector-tag-no-without-class": ["/^(?!.__*).\\w+/"]。

（基于这些 SO 答案的解决方案：https://stackoverflow.com/a/28975388/915875 和 https://stackoverflow.com/a/1240365/915875）。