html - 如何为元素提供 html 层次结构中高 2 级的另一个元素的背景？

Question

我在 html 代码中有 3 级层次结构:

<section>
     <article>
          <div>

          </div>
     </article>
</section>

每个关卡都有自己的背景:

section{
    background: #ffffff;
}

article{
    background: red;
}

div{
    background: /*????*/;
}

如何让 div 显示该部分的背景？？*出于示例目的，假设它们每个都有预定义的宽度和高度，并且它们都以 div 位于文章上的方式位于另一个之上

Answer 1

不确定我是否理解你的意思，但请阅读 z-index