填充Css问题浏览器兼容性问题

我试图为浏览器兼容性问题提供差异填充

-webkit-padding-start: 4px 0px; //for google chrome
-moz-padding-start: 3px 0px;    //for Mozilla Firefox
padding: 3px 0;                 // others browser

---

但结果是填充：3px0；以两个浏览器为例。我需要区分它。

如果可能，您应该尝试在所有浏览器中使用相同的样式。即使最初这是一个多一点的工作，它使它更容易维护。也就是说

填充开始

样式采用单个值，而不是两个值

例如，

-moz padding start

的语法：

-moz-padding-start: <length> | <percentage> | inherit | auto;

---

Ref:

如果按该顺序执行，浏览器将使用最后一个声明：

填充将覆盖
-webkit填充开始。
因此，切换声明

padding: 3px 0;                 // other browsers
-webkit-padding-start: 4px;     // for Google Chrome
-moz-padding-start: 3px;        // for Mozilla Firefox

然后，
-webkit padding start
将覆盖
padding
的起始值。要求浏览器呈现不同，听起来很奇怪。这是为了弥补页面上的其他错误吗？如果是这样的话，最好解决这个问题。谢谢李斯特先生和古法先生。我犯了两个错误。结合两种答案，css在两种浏览器中都能正常工作。再次感谢你们两位。
padding: 3px 0;                 // other browsers
-webkit-padding-start: 4px;     // for Google Chrome
-moz-padding-start: 3px;        // for Mozilla Firefox