Stylelint css 中的语法是什么，忽略没有选项的规则，但继续使用带有辅助选项的规则

问题描述

我正在为一个开源项目编写一个插件，它有一个 .stylelintrc 集，规则如下： "selector-type-no-unkNown": true,

但我正在使用 ion 进行造型，例如离子网格{} 所以想添加到我的 css 中，例如：

/* stylelint-disable selector-type-no-unkNown -- ion styles not recognised */
ion-col.total {
    font-weight: bolder;
}
/* stylelint-enable */

但是，与其完全禁用规则，不如添加/应用诸如 ignoreTypes: ["/ion/"] 之类的次要选项，这不是更好吗？ 在这种情况下，我如何在 css 中执行此操作？

还是我在这里遗漏了一些明显的东西？！

解决方法

在这种情况下，我如何在 css 中执行此操作？

无法在 CSS 中配置规则。规则在 stylelint configuration object 中配置，例如.stylelintrc：

{
  "rules": {
    "selector-type-no-unknown": [ true,{ ignoreTypes: ["/^ion-/"] } ]
  }
}

但是，与其完全禁用规则，不如添加/应用诸如 ignoreTypes: ["/ion/"] 之类的次要选项？

如果 ion- 自定义类型选择器在代码库中很常见，那么最好使用辅助选项。否则，使用禁用命令更合适。