css - 让 Stylelint 在某些情况下忽略缩进？

Question

我最近设置了 Stylelint 来运行我的样式表，但是它抛出了一个错误，我宁愿保持原样:

错误是我没有在 { 之前使用一个空格，虽然为了易读性我希望这对大多数其他实例都是正确的，但我希望保留这个空格。

是否可以修改规则以允许这些类型的缩进模式或以其他方式禁用 CSS block 的规则？后者并不理想，但我会尽我所能。

否则我可能会忽略它。

Answer 1

我认为有问题的规则是 block-opening-brace-space-before 。

如果您只想在多行 block 的左大括号前强制使用一个空格并忽略单行 block ，那么您可以使用规则的 always-multi-line 主规则来实现选项:

/* Enforce a single space before this opening brace */
a {
  color: red;
}

/* Don't enforce anything before this opening brace */
a    { color: red; }

但是，没有选项可以专门忽略单行关键帧声明 block 的左大括号。如果这是您想要的，请提出功能请求问题。

Is it possible to either modify the rule to allow these sorts of indentation patterns

您可以使用 create a plugin 来强制每个@keyframe 中单行关键帧声明 block 的左括号对齐。

otherwise disable a rule for a block of CSS?

您可以使用 stylelint-disable 命令关闭此代码块的 block-opening-brace-space-before 规则。