Stylelint嵌套声明顺序数组

Question

在笔形中，是否可以为规则declaration-block-properties-order嵌套数组？我很好奇，因为我真的很想让它强制执行类似于尼古拉斯·加拉格尔惯用的CSS的声明顺序。然而，我并不真正关心填充或保证金是第一位的。

我知道只要有这样的规则我就能轻松地做到这一点。

"declaration-block-properties-order":
    [
      {
        properties: [
          "position",
          "top",
          "right",
          "bottom",
          "left",
          "z-index"
        ],
      },
      {
        order: "flexible",
        properties: [
          "padding",
          "margin"
        ],
      },
    ]

然而..。我想要做的是指定填充组和边距组的顺序，这样边距、边距-上、边距-右、边距-底部和边距-左只能按这个顺序排列，填充也是这样。但不管哪一组是第一名。我尝试过嵌套数组，但我不确定这是否可能，或者我的语法是错误的。

"declaration-block-properties-order":
    [
       {
        order: "flexible",
        properties: [
          {
            properties: [
              "margin",
              "margin-top",
              "margin-right",
              "margin-bottom",
              "margin-left"
            ],
          },
          {
            properties: [
              "padding",
              "padding-top",
              "padding-right",
              "padding-bottom",
              "padding-left"
            ],
          },
        ],
      },
    ]

但我不想它接受保证金，毛利率最高，垫子，毛利-右，填充-右。我希望这两个小组是有组织的，但不管是否填充或边距组是第一。

Answer 1

在手写笔中，可以为规则声明-块-属性-顺序嵌套数组吗？

不这是不可能的。你有两个选择：

1. 提供这种灵活性的编写插件。
2. 在CSS代码中，要求空白必须放在填充之前，反之亦然。

我建议使用后一个选项，因为属性的顺序越具体，团队成员就越容易知道在声明块中是否使用了属性。