stylelint 规则的正则表达式

Question

我正在使用 stylelint，我需要一个正则表达式，因为它的最大嵌套深度规则忽略以 &: 和 @media

开头的选择器

https://stylelint.io/user-guide/rules/max-nesting-depth/

到目前为止，我已经尝试了以下但没有成功：

"max-nesting-depth": [3, {
  "ignore": ["/^&:/", "/^@media/"]
}]

Answer 1

max-nesting-depth 规则的 "ignore" 辅助选项 only accepts "blockless-at-rules" 关键字。

相反，使用 "ignoreAtRules" secondary option 忽略媒体查询：

"max-nesting-depth": [3, {
  "ignoreAtRules": ["media"]
}]

目前无法忽略嵌套规则。但是，有一个 open issue 来添加此功能。该问题被标记为 "beginner friendly"，如果您想为 stylelint 做出贡献，这将是一个很好的第一个拉取请求。