CSS填充与空白，用于在父字体与子字体中具有背景的排版

我完全理解容器模型，但我想知道我目前的案例中的最佳实践

这是一个基于wordpress主题的网站

以下是HTML的一部分：

<div class='content-area'>
    <div class='entry-header'>
    <h1 class='entry-title'>
    </div>
</div>

我所拥有的只是父div上的填充。这样我只需添加一次填充，从我所能找到的情况来看，这似乎是正确的：

但是，他们提到了背景，您可能应该在单个元素上使用填充

我确实希望背景颜色周围有填充，这样颜色就不会一直延伸

然而，我也需要在H1内填充，这样它就不在排水沟旁边了

是否需要删除父填充，并将填充添加到所有子元素？那么也给这个H1加一个余量

---

如果是，是否存在任何性能或兼容性问题？我是CSS新手，我更倾向于开发。

是的，最好的解决方案是在子对象中添加填充。。。

---

或者在父对象中添加背景色。

您的问题是什么？对不起，我没有准备好就提交了。键入标记后按enter键。

.content-area {padding:10px;}
h1.entry-title {background-color:#111111;}