為什麼 CSS 命名的網格區域不包含在引號中？

為什麼 CSS 會命名網格區域不加引號？

在 CSS 網格中，命名網格區域是使用不含引號的 grid-area 屬性定義的。這可能看起來違反直覺，因為在使用 grid: "area1 area2" / 1fr 1fr; 建立網格區域名稱時，名稱會用引號引起來。然而，這種設計選擇是為了與 CSS 規範的其餘部分保持一致。

與其他 CSS 屬性的一致性

幾乎所有 CSS 屬性都使用識別符作為其值，而不是字串。例外情況包括基於字串的屬性，例如字體系列、內容和網格模板區域。透過維護命名網格區域值的標識符，CSS 與其整體語法保持一致。

維護語法之間的差異

決定將命名網格區域表示為grid-template-areas 中的字串和網格區域中的標識符有兩個用途：

1. 視覺分組：括號內的識別符在視覺上將同一位置的名稱分組。
2. 允許兩種語法共存：這種區別使 grid-template-areas 語法和命名行能夠在grid 簡寫屬性。

CSS 網格規範的基本原理開發人員

CSS 網格規範開發過程中進行的討論摘錄解釋了使用標識符背後的原因：

命名行的語法：

"先前的命名行語法很尷尬，並且使用字串作為CSS內部標識符，我們在其他地方不使用它。識別碼：

」我們的建議是將行名稱切換為識別符。這樣做將解決當前可怕的語法問題，並提供與其餘CSS語法的一致性。它與大多數屬性值保持一致，允許更好的視覺分組，並實現不同網格語法之間的兼容性。

以上是為什麼 CSS 命名的網格區域不包含在引號中？的詳細內容。更多資訊請關注PHP中文網其他相關文章！