为什么我的 CSS 网格属性不影响嵌套列表元素？

CSS 网格属性未超出第一级元素

在嵌套列表结构的最顶层定义 CSS 网格时，您可能会遇到应用困难列表中嵌套较深的元素的网格属性。出现此问题的原因是 CSS 网格格式化上下文的范围有限，该上下文仅在父级及其直系子级之间扩展。

在提供的示例中，您已在

上创建了一个网格布局。与 orgChartLevel1 类一起使用。然后，您尝试将网格属性应用于
• 嵌套
  内的元素(.orgChartLevel2b)。然而，这些属性没有被应用，因为嵌套的
  • 元素是网格容器的后代，而不是子元素。

    解决方案：

    要将网格属性应用于嵌套在网格容器中的元素，您必须：

    1. 将 display: grid 或 display: inline-grid 指定给所需的父元素元素。
    2. 删除网格容器和要应用网格属性的元素之间的中间元素。

    注意：

    • 网格项也可以用作网格容器。
    • 检查链接的资源以获取有关相关内容的更多信息主题。

以上是为什么我的 CSS 网格属性不影响嵌套列表元素？的详细内容。更多信息请关注PHP中文网其他相关文章！