CSS グリッド領域名が引用符で囲まれないのはなぜですか?

CSS の名前付きグリッド領域が引用符で囲まれない理由

CSS グリッド仕様によると、grid-area の値は次のとおりです。グリッド線。カスタム識別子 () を使用します。ただし、MDN は、識別子を引用符で囲むことができないため、名前付きグリッド領域に引用符なしの ID を使用してアクセスする必要がある理由について混乱が生じていると指摘しています。

CSS グリッド仕様の開発者は、識別子の代わりに識別子を選択しました。 CSS の残りの部分との一貫性を維持するために、grid-area プロパティを使用して名前付きグリッド領域を定義するときに文字列を使用します。CSS のほとんどのプロパティでは、文字列ではなく識別子が使用されます。例外には、文字列と識別子の両方を使用するフォントファミリー、コンテンツ、およびグリッドテンプレートエリアが含まれます。

2013 年、仕様作成者は、次の理由により文字列から識別子に切り替える必要性について議論しました。

• 他の CSS プロパティとの不一致
• 視覚的なグループ化の提供names
• 文字列を使用する名前付きグリッド領域テンプレート構文との互換性

gt;Consequences

grid- で定義された名前付きグリッド領域area は文字列ではなく識別子とみなされます。グリッド テンプレート エリアの構文では文字列が使用されるため、混乱が生じる可能性があります。

相違点の説明

識別子:

• に準拠文法
• 引用符で囲むことはできません
• 大文字と小文字が区別されます
• 作成者定義の識別子を表します

文字列:

• double または single で区切るquotes
• に対応します。 Production

識別子の使用理由

矛盾しているように見えますが、グリッド領域での識別子の使用は CSS との統一性を維持します。 CSS Values and Units Module 仕様によれば、ほとんどのプロパティは値として識別子を受け入れます。この決定により、CSS の一貫性が確保され、グリッド領域に不必要な例外が導入されることが回避されます。

以上がCSS グリッド領域名が引用符で囲まれないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。