透明元素在不透明元​​素中

Question

我想在主要内容上设置白色背景，但留下另一个嵌套在内部的元素，透明。

布局是这样的。

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

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

</div>

我希望#content上有白色背景，但我不希望将该背景应用于#morecontent。换句话说，#morecontent将具有与正文相同的背景。

Answer 1

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

谢谢