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

Question

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

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

Answer 1

编辑：@jeddy3 的更好。使用那个。

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

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

（基于这些 SO 答案的解决方案： and ）。

Answer 2

您可以使用内置的 selector-max-type rule to disallow all selectors which include tag names (aka type selectors):

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

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

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

How to configure stylelint to ban all HTML tags

html

stylelint