特定元素上的CSS网格行/列间距？

我已经使用CSS网格创建了下面的网格，我想知道是否可能只在网格中的特定元素之间有一个间隙，而不是对所有网格元素应用一个通用间隙。以下是我现在拥有的：

正文{
利润率：40像素；
}
.包装纸{
显示：网格；
栅隙：10px；
网格模板列：[col]100px[col]100px[col]100px；
网格模板行：[行]自动[行]自动[行]；
背景色：#fff；
颜色：#444；
}
.盒子{
背景色：#444；
颜色：#fff；
填充：20px；
字体大小：150%；
}
.a{
网格柱：col/span 2；
网格行：第1/3行；
}
.b{
网格柱：第3列/跨度1；
网格行：行；
}
c{
网格柱：第3列/跨度1；
网格行：第2行；
}
博士{
网格柱：col/span 1；
网格行：第3行；
}
e{
网格柱：第2列/跨度1；
网格行：第3行；
}
f{
网格柱：第3列/跨度1；
网格行：第3行；
}
g{
网格柱：col/span 1；
网格行：第4行；
}
h{
网格柱：第2列/跨度1；
网格行：第4行；
}
.我{
网格柱：第3列/跨度1；
网格行：第4行；
}

A.
B
C
D
E
F
G
H
我

无法更改特定元素上的间隙

但是，您可以使用

网格项：第n个子项（n）

引用特定的网格项，并为其设置负边距

例如，对于picture-1类，它在CSS文件中可能如下所示：

.picture-1:nth-child(3) {
  margin-bottom: -50px;
}

---

为了得到你想要的结果，我有一个变通办法。我只是在一个单独的网格部分中移动了所有三行。我不确定这是否有帮助，但这里是：

正文{
利润率：40像素；
}
.wrapper 1{
显示：网格；
栅隙：10px；
网格模板列：[col]100px[col]100px[col]100px；
网格模板行：[行]自动[行]自动[行]；
背景色：#fff；
颜色：#444；
边缘底部：10px；
}
.wrapper 2{
显示：网格；
网格模板列：[col]100px[col]100px[col]100px；
网格模板行：[行]自动[行]自动[行]；
背景色：#fff；
颜色：#444；
边缘底部：10px；
}
.包装纸3{
显示：网格；
网格模板列：[col]100px[col]100px[col]100px；
网格模板行：[行]自动[行]自动[行]；
背景色：#fff；
颜色：#444；
边缘底部：10px；
}
.盒子{
背景色：#444；
颜色：#fff；
填充：20px；
字体大小：150%；
}
.a{
网格柱：第1列/第2跨；
网格行：第1/3行；
}
.b{
网格柱：第3列/跨度1；
网格行：行；
}
c{
网格柱：第3列/跨度1；
网格行：第2行；
}
博士{
网格柱：col 1/span 1；
网格行：第3行；
宽度：80%；
}
e{
网格柱：第2列/跨度1；
网格行：第3行；
宽度：80%；
}
f{
网格柱：第3列/跨度1；
网格行：第3行；
宽度：80%；
}
g{
网格柱：col 1/span 1；
网格行：第4行；
宽度：80%；
}
h{
网格柱：第2列/跨度1；
网格行：第4行；
宽度：80%；
}
.我{
网格柱：第3列/跨度1；
网格行：第4行；
宽度：80%；
}

A.
B
C
D
E
F
G
H
我