我应该指定所有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:

简而言之,仅通过提供3个值,无法以速记格式完成style2和4.如PassKit所示,左右不能单独指定3个值.

Answer 1

你为什么不用速记？

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

它在哪里:

padding: top right bottom left;