仅设置两个或三个侧面并保持另一侧不受影响

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);
}