stylelint - Stylelint，在非嵌套规则之前有一个空行，在嵌套规则之前没有空行？

Question

现在有什么办法可以做到这一点吗？

我看到 rule-nested-empty-line-before 由于某种原因已被删除，所以这个配置不再可能了吗？

我希望这会引发错误...

@media (max-width: 300px) {

    .foo {
        display: block;
    }
}
@media (max-width: 600px) {
    .bar {
        display: block;
    }
}

@media 之前应该有一个空格，因为它没有嵌套，而 .foo 之前没有空格，因为它是嵌套的。

score 5 · Accepted Answer

和规则组合在一起形成版本中的rule-nested-empty-line-before新规则。您可以使用此规则来控制and规则之前的空行。rule-non-nested-empty-line-beforerule-empty-line-before8.0.0.foo {}.bar {}

@media是一个规则，所以你应该使用该at-rule-empty-line-before规则来控制它之前的空行。

您可以在用户指南的这一部分了解如何命名规则以及它们如何协同工作。

@media 之前应该有一个空格，因为它没有嵌套，而 .foo 之前没有空格，因为它是嵌套的。

考虑到上述情况，其配置应为：

{
  "rules": {
    "at-rule-empty-line-before": ["always"],
    "rule-empty-line-before": ["always", {
      except: ["first-nested"]
    }]
  }
}

或者，您可以使用stylelint-standard-config，它对风格规则具有合理的默认值。

1 回答 1