css - css中是否继承了padding属性

Question

嘿，我目前有以下代码:

   .blah {
     padding: 15px;
     background:green;
    }
   .blah div{
     background:red;
    }

 <div class='blah'>
     <div>
        foo
     </div>
    </div>

 

不过，foo 似乎没有任何填充。这是否意味着我必须专门为内部 div 添加 padding: inherit ？

Answer 1

padding 属性的初始值为 0(参见，例如 MDN)。

通常，将 padding 设置为 inherit 不是一个明智的选择:您想要明确说明哪个元素具有哪种填充。