css - Stylelint - 第一个嵌套 block 之前的新行

Question

我如何使用 stylelint 'rule-empty-line-before' 只为第一个嵌套 block 生成一个新行:

示例:

a {
    margin: 0;
    padding: 0;

    b {
       margin: 0;
    }
    c {
      margin: 0;
    }
}

以下向所有嵌套 block 添加新行:

"rule-empty-line-before": [
            "never-multi-line",
            {
                "except": ["inside-block"]
            }
        ],

Answer 1

您可以使用以下方式强制执行此约定:

"rule-empty-line-before": [
  "always", {
    "except": ["inside-block-and-after-rule"]
  }
],

来自"About rules" section文档:

We recommend that you set your primary option (e.g. "always" or "never") to whatever is your most common occurrence and define your exceptions with the except optional secondary options.

在您的案例中最常见的情况是 "always"， block 内的规则和另一条规则之后的规则是异常(exception)。 (inside-block-and-after-rule 辅助选项已记录 in the rule README。)