Html 不透明元素中的透明元素

我想在主要内容上设置一个白色背景，但让嵌套在其中的另一个元素保持透明

布局是这样的

<div id="content">
  <p>Lorem Ipsum dolor sit amet, etc...</p>

  <div id="morecontent">
    <p>stuff</p>
  </div>

</div>

Lorem Ipsum dolor sit amet等

东西

---

我希望

#content

上有白色背景，但我不希望该背景应用于

#morecontent

。换句话说，

#morecontent

将具有与主体相同的背景。

您必须将样式应用于子项以覆盖父项div上的样式。没有其他方法可以停止继承父项的属性。将背景应用于“morecontent”div

多谢各位