Question

Say I have a complex stylesheet with lots of interacting styles etc.

For a specific class, I want to override padding-top and padding-bottom, without changing the values of padding-left and padding-right (which might even be different things for different elements that get the class I’m specifying).

Is there a way to do this with a shorthand, something like

.special {
    padding: 10px initial 5px;
}

that leaves the previous values, or do I have to spell out my css like this:

.special {
    padding-top: 10px;
    padding-bottom: 5px;
}

Thanks.

Answer 1

No you can’t use something like ‘initial’, you should use padding-top and padding-bottom.