Stylelint嵌套声明顺序阵列

Question

在stylelint是否可以为规则declaration-block-properties-order嵌套数组？我很好奇，因为我真的希望执行类似于Nicolas Gallagher's Idiomatic CSS的声明订单。不过，我并不在乎填充或边距是否先到达。

我知道我可以有这个规定很容易地做到这一点...

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

但是......什么我希望做的是指定填充和保证金组的顺序，所以保证金，保证金-top，margin-right，margin-bottom和margin-left只能按此顺序出现，与填充相同......但不关心哪个组是第一个。我试过嵌套数组，但我不确定这是可能的还是我的语法错误。

"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

在stylelint中是否可以为规则声明块的属性顺序嵌套数组？

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

1. Write a plugin它提供了这种灵活性。
2. 要求在您的CSS代码中保证金必须在填充之前，反之亦然。

我推荐后者作为属性的更具体的顺序，团队成员更容易知道在哪里查看属性是否在声明块中使用。