我可以仅使用一个属性更改顶部和底部填充吗？

Question

我在网页上有一个段落,在所有4个边上都有20个像素的边距.我想用一个属性改变顶部和底部填充(所以padding-top:0;padding-bottom:0;不会这样做).

我在这里展示了我所尝试的内容.

http://jsfiddle.net/nFCru/1/

在这个小提琴中,我试图padding: 30px inherit;改变一个段落的顶部和底部填充.但是,除了更改顶部和底部填充之外,此属性值对还将左右填充设置为0.

p {
 border: 1px solid #000;
 padding: 20px;    
}

/* 
 * Here's my failed attempt at only altering the top 
 * and bottom padding values. The left and right padding
 * values are changing even if I use inherit.
 */

p {
 padding: 30px inherit;   
}?

我可以仅使用一个属性更改顶部和底部填充吗？

Answer 1

不,你不能.inherit表示该元素从其父级继承填充.也就是说,正文(或p所在的任何元素),而不是样式表中的"原始"p.要保持左右填充完整,您可以使用所描述的两个属性.