我在网格中显示了html元素（divs）。 因此，在body元素中的css中，我添加了网格切片：
body {
...
grid-template-areas:
'nav nav nav nav'
'filter filter filter edit'
'main main main edit'
'info . buttons edit';
}
所以我有div元素导航，过滤器，编辑，主要，信息和按钮
现在，我想拥有（出于后台原因，...）div，该div封装了filter，main，info和button div。
所以应该是这样的：
<body>
<div class='nav'>
</div>
<div class='index'>
<div class='filter'>
</div>
<div class='main'>
</div>
<div class='info'>
</div>
<div class='buttons'>
</div>
</div>
<div class='edit'>
</div>
</body>
我的问题是，我不知道使用CSS索引div，以便所有其他子项都可以使用网格模板，并且该索引将封装其所有子项。
我要避免的事情：
- 要在grid内创建网格，可能是因为我需要一些其他封装div，所以这是不切实际的。