网格属性不适用于网格容器内的元素

网格属性不适用于网格容器内的元素

一个范围 格格式化的内容被限制为父子关系。

这意味着网格容器始终是父级，而网格项目始终是子级。网格属性仅在此关系内起作用。

子代以外的网格容器的后代不属于网格布局，并且不接受网格属性。

您正在尝试将网格属性应用于属于网格容器的子元素而不是子元素的元素。这些元素不在网格布局的范围内。

底线：为了将网格属性应用于子级，您将始终需要应用

display: grid

或

display: inline-grid

应用于父级。

请注意，网格项目也可以是网格容器。