CSS padding/margin简写属性使用initial、revert等关键字的问题

CSS的padding简写属性不支持混合使用全局关键字（initial/inherit/unset/revert）和具体长度值。这类全局关键字是作为单一整体值作用于padding的，一旦使用，就不能再搭配其他长度参数——简写属性要么完全用全局关键字，要么完全用长度值组合，二者无法混搭。

举个正确的纯关键字用法：

selector {
  padding: revert; /* 四个方向统一应用revert规则 */
}

如果需要给部分方向设置全局值、部分设置长度值，必须拆分写成单个方向的padding属性。比如你想要上下方向用revert、左右用1em，代码要这么写：

selector {
  padding-top: revert;
  padding-bottom: revert;
  padding-left: 1em;
  padding-right: 1em;
}

另外你尝试给关键字加引号的写法是错误的，CSS中的关键字不需要加引号，加引号后会被识别为无效的字符串值，自然无法生效。

内容的提问来源于stack exchange，提问作者user90726