只设置两个或三个边，而另一侧不动。

Question

在标准css中，不可能使用padding: 2px inherit inherit 4px;代替

padding-top: 2px;
padding-left: 4px;

或类似的padding: inherit 3px;

是否有任何css-preprocessor支持这种和类似的语法糖？

Answer 1

您可以做一个混合器来满足您想要的东西(但不需要继承)，并且您需要包含的代码将是最小的：

@mixin padding($pt: null, $pr: null, $pb: null, $pl: null) {
  padding-top: $pt;
  padding-right: $pr;
  padding-bottom: $pb;
  padding-left: $pl;
}

以及消费：

.display {
  @include padding(10, null, 5, null);
}