Html CSS填充速记与4行代码的问题

首先，感谢您来到这里，今天我遇到了一个非常奇怪的CSS行为，您可以在代码片段中看到：

/* padding: 0.5rem,2rem,0.5rem,2rem; this line is not working*/
/* while these do:*/
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-right: 2rem;
padding-left: 2rem;

谁能解释一下为什么？顺便说一句，我的样式按钮使用此代码

按钮的完整样式：

.横幅按钮{ 光标：指针； 大纲：无； 边界：无； 颜色：白色； 字号：700； 边界半径：0.2vw； /*填充：0.5rem，2rem，0.5rem，2rem*/ 垫面：0.5雷姆； 垫底：0.5雷姆； 右：2rem； 左：2rem； 右边距：1rem； 背景色：rgba51,51,51,0.5；

---

} 使用速记语法定义元素的值时，每个值之间不需要逗号。它应该像这样分开：

填充：上右下左； .横幅按钮{ 光标：指针； 大纲：无； 边界：无； 颜色：白色； 字号：700； 边界半径：0.2vw； 填充：0.5rem 2rem 0.5rem 2rem； /*垫面：0.5雷姆； 垫底：0.5雷姆； 右：2rem； 左：2rem*/ 右边距：1rem； 背景色：rgba51,51,51,0.5；

---

} 您添加了错误的css。请在下面查看

div{padding:0.5rem 2rem 0.5rem 2rem；} 顶垫：0.5雷姆； 垫底：0.5雷姆； 右：2rem； 左填充：2rem；}

---

这是因为在不同方面的值之间加了逗号

padding: 0.5rem 2rem 0.5rem 2rem;

---

会有用的。如果您有任何其他问题，请告诉我。

填充：0.5rem，2rem，0.5rem，2rem–这些逗号不在其中，正确的填充是：0.5rem 2rem 0.5rem2rem@CBroe是 啊这就是问题所在呃，我很笨XD@AneeqAk这是一个诚实的错误。如果我的答案解决了你的问题，请随意标记为接受。@TannerDobly是的，我会的，thx已经有一段时间没有使用CSS了