css - 如何使 SCSS linter 接受蛇形小写和带连字符的小写作为选择器命名约定

Question

我的 SCSS linter (.scss-lint.yml) 当前设置为接受 hyphenated_lowercase CSS 选择器。

SelectorFormat:
  enabled: true
  convention: hyphenated_lowercase

最近我添加了几个使用 snake_case 的外部小部件。我也需要在我的 SCSS 文件中定位它们。最好的解决方案可能是同时接受蛇形和带连字符的小写字母。我怎样才能做到这一点？

我知道我也可以排除包含那些不符合规则的文件，但我现在正在尝试避免它。

Answer 1

我在 the official documentation 中找到您可以使用正则表达式进行选择器匹配，因此这是解决方案:

SelectorFormat:
  enabled: true
  convention: ^[a-z\d_-]+$

希望它也能帮助到其他人。