填充属性是否在css中继承

Question

嘿，我目前正在使用以下代码：

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

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

 

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

Answer 1

您的代码首先是错误的，您的结束</div>缺少结束>元素。对于您的问题，是的，您必须继承属性或定义子元素的填充。

Answer 2

padding属性的初始值为0（请参阅，例如MDN）。

通常情况下，将padding设置为inherit并不是一个明智的选择：您希望明确哪个元素具有哪种填充。