Html 我的网格列开始和结束don'；不工作，可以'；我不能解决它

我在#jedan main div中有一堆div元素。出于某种原因，我的第一个孩子（标记为网格框1）不会延伸到接下来的3个框，即使我使用了网格列start和end

*{
框大小：边框框；
边际：0px；
填充：0px；
}
身体{
背景：#333；
}
#杰丹{
背景：4AAAA；
颜色：#333；
文本对齐：居中；
显示：网格；
网格模板列：重复（4，自动）；
}
.a2{
边框：实心1px黑色；
填充：40px；
}
#杰丹：第一个孩子{
网格列开始：1；
网格柱端：4；
}

1.
2.
3.
4.
4.
4.
4.
4.
4.
4.
4.
4.
4.

你刚才打错了。您必须在ID标识符之后设置空格，然后写入：first child。另外，网格柱端应该是5，因为它是它的终点

   #jedan :first-child {
      grid-column-start: 1;
      grid-column-end: 5;
    }

*{
框大小：边框框；
边际：0px；
填充：0px；
}
身体{
背景：#333；
}
#杰丹{
背景：4AAAA；
颜色：#333；
文本对齐：居中；
显示：网格；
网格模板列：重复（4，自动）；
}
.a2{
边框：实心1px黑色；
填充：40px；
}
#杰丹：第一个孩子{
网格列开始：1；
网格柱端：5；
}

1.
2.
3.
4.
4.
4.
4.
4.
4.
4.
4.
4.
4.