我的网格列的起点和终点不起作用，无法解决

Question

我在#jedan main div中有很多div元素。由于某种原因，即使我使用grid-column-start和end，标记为方格框1的第一个孩子也不会延伸到接下来的3个方格；

* {
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
}

body {
  background: #333;
}
#jedan {
  background: #4caaaa;
  color: #333;
  text-align: center;
  display: grid;
  grid-template-columns: repeat(4, auto);
}

.a2 {
  border: solid 1px black;

  padding: 40px;
}
#jedan:first-child {
  grid-column-start: 1;
  grid-column-end: 4;
}

    <div id="jedan">
      <div class="q, a2">1</div>
      <div class="b, a2">2</div>
      <div class="x, a2">3</div>
      <div class="a, a2">4</div>
      <div class="f, a2">4</div>
      <div class="as, a2">4</div>
      <div class="aa, a2">4</div>
      <div class="asd, a2">4</div>
      <div class="dsa, a2">4</div>
      <div class="vcs, a2">4</div>
      <div class="fcx, a2">4</div>
      <div class="bc, a2">4</div>
      <div class="sada, a2">4</div>
    </div>

Answer 1

您刚刚打错了字。您必须在ID标识符后设置空间，然后编写：first-child。此外，网格列的结尾应为5，因为它是结尾处。