before伪元素在网格中跨越所有列

使用网格容器的“grid-template-columns”属性来定义网格的列数，并将“before”伪元素的“grid-column”属性值设置为“1/-1”，表示跨越所有列。

例如：

HTML代码：

<div class="grid-container">
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
</div>

CSS代码：

.grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.box:before {
  content: "";
  grid-column: 1/-1;
  background-color: red;
}

在上述示例中，网格容器具有3列，而“before”伪元素的“grid-column”属性值设置为“1/-1”，它将跨越所有3列，生成红色的背景色。