Css Stylelint规则在同一行上强制执行选择器和属性

如果只有一个属性，是否存在可以强制选择器和属性位于同一行上的属性

例如，这将导致以下错误：

.foo{
  color: #111;
}

因为我们希望它看起来像这样：

.foo{ color: #111; }

注意，如果有多个属性，则它们应位于各自的行上，例如：

.foo{
  color: #111;
  padding: 10px;
}

{
  "rules": {
    "declaration-block-single-line-max-declarations": 1
  }
}

如果只有一个属性，是否有一个stylelint规则可以强制选择器和属性位于同一行上

还没有

这条规则会让你走到一半。例如：

.foo{
  color: #111;
  padding: 10px;
}

{
  "rules": {
    "declaration-block-single-line-max-declarations": 1
  }
}

将不允许：

.foo{ color: #111; display: block; }

但允许：

.foo{ 
  color: #111;
}

您需要的是“声明块多行最小声明”规则。您可以将其创建为一个。然而，我认为stylelint中应该内置这样的规则。您可以选择将规则添加到stylelint

然后，您将能够通过以下方式强制执行代码样式：

{
  "rules": {
    "declaration-block-single-line-max-declarations": 1,
    "declaration-block-multi-line-min-declarations": 2
  }
}