一个范围 格格式化的内容被限制为父子关系。
这意味着网格容器始终是父级,而网格项目始终是子级。网格属性仅在此关系内起作用。
子代以外的网格容器的后代不属于网格布局,并且不接受网格属性。
您正在尝试将网格属性应用于属于网格容器的子元素而不是子元素的元素。这些元素不在网格布局的范围内。
底线:为了将网格属性应用于子级,您将始终需要应用
display: grid或
display: inline-grid应用于父级。
请注意,网格项目也可以是网格容器。

一个范围 格格式化的内容被限制为父子关系。
这意味着网格容器始终是父级,而网格项目始终是子级。网格属性仅在此关系内起作用。
子代以外的网格容器的后代不属于网格布局,并且不接受网格属性。
您正在尝试将网格属性应用于属于网格容器的子元素而不是子元素的元素。这些元素不在网格布局的范围内。
底线:为了将网格属性应用于子级,您将始终需要应用
display: grid或
display: inline-grid应用于父级。
请注意,网格项目也可以是网格容器。