时间戳

首页 > 解决方案 > Stylelint - 第一个嵌套块之前的新行

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

问题描述

如何使用 stylelint 'rule-empty-line-before' 仅为第一个嵌套块生成新行：

例子： 

a {
    margin: 0;
    padding: 0;

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

以下为所有嵌套块添加新行：

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

标签： cssstylelint

解决方案

您可以使用以下命令强制执行此约定：

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

从文档的“关于规则”部分：

我们建议您将主要选项（例如"always"或"never"）设置为最常见的情况，并使用 except 可选的辅助选项定义您的例外。

在您的情况下，最常见的情况是"always"，块内有规则，而另一条规则之后是例外。（inside-block-and-after-rule次要选项记录在规则 README中。）

推荐阅读