CSS グリッドの書式設定コンテキストはどこまで到達しますか?

グリッド コンテナのスコープ制限

CSS グリッドでは、書式設定コンテキストはグリッド コンテナ内の親子関係に制限されます。グリッド プロパティは、その直接の子にのみ適用されます。

次の例を考えてみましょう。

<ul>

ここで、orgChartLevel1 はグリッド コンテナであり、orgChartLevel1a、orgChartLevel2、および orgChartLevel2b はそのスコープ内の子です。

ただし、グリッド コンテナの子孫である要素は、 orgChartLevel2b などは、グリッドの書式設定コンテキストの外にあります。これらの要素に適用されたグリッド プロパティは機能しません。

解決策

深くネストされた要素にグリッド プロパティを適用するには、次のいずれかを行う必要があります。

Notes

関連資料:

以上がCSS グリッドの書式設定コンテキストはどこまで到達しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。