儿童的CSS网格位置儿童

Question

我想知道是否可以将网格容器的子代对象放置在网格中？

假设我具有这样的元素层次结构：

<div class="grid-container">
  <div class="grid-item-1">
       ....
  </div>
  <div class="grid-item-2">
     ....
  </div>
   <div class="layer-2">
         <div class="grid-item-3">
                ....
         </div>
         <div class="grid-item-4">
                ....
         </div>
   </div>
</div>

我希望grid-item-3中的单元格像grid-container的直接子代一样起作用。

还是我应该分别处理网格项目的每个子容器？

Answer 1

您在寻找这个吗？