css - 我应该指定所有 4 个填充还是只覆盖其中一个也是一个好习惯？

Question

对于给定的类，我希望具有以下样式:

stlye1 {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 0px;
}

但那是很多重复的，所以我只想写:

stlye1 {
    padding: 0;
    padding-bottom: 10px;
}

这样做会不会很糟糕？

更新:

当我看到 3 个值(简写)时，我不确定要应用的最后一个值是什么。所以我想出了上面的第二种方法来明确我想覆盖哪个。

更新 2:

对于简写方法，您如何指定以下内容:

stlye1 {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 0px;
}

style1 {
    padding: 0 0 10px; // now i know this one, thanks!
}



stlye2 {
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 0px;
}

style2 {
    padding: 0 10px 0; // is this correct?
}



stlye3 {
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0px;
}

style3 {
    padding: 10px 0 0; // is this correct?
}



stlye4 {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 10px;
}

style4 {
    padding: // i have no clue.
}

更新 3:

简而言之，style2 和 4 不能通过仅提供 3 个值来以速记格式完成。正如 PassKit 所指出的，left 和 right 不能单独指定为 3 个值。

Answer 1

为什么不直接使用速记呢？

stlye1 {
    padding: 0 0 10px; /* top (right/left) bottom */
}

它在哪里:

padding: top right bottom left;