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

為什麼CSS 中的命名網格區域不被引用

根據CSS Grid 規範， grid-area 的值為網格線，它使用自訂標識符()。然而，MDN 指出標識符不能加引號，這導致人們對為什麼必須透過不帶引號的 ID 存取命名網格區域感到困惑。

CSS 網格規範開發人員選擇了標識符而不是使用grid-area 屬性定義命名網格區域時使用字串，以保持與CSS 其餘部分的一致性，其中大多數屬性使用標識符而不是字串。例外情況包括字體系列、內容和網格模板區域，它們同時使用字串和識別碼。

2013 年，規範編寫者討論了從字串切換到識別符的需要，因為：

• 與其他 CSS屬性不一致
• 提供視覺分組名稱
• 與命名網格區域模板語法的兼容性，該語法使用字串

結果

使用grid- 定義的命名網格區域區域被視為標識符，而不是字串。這可能會導致混亂，因為 grid-template-areas 中的語法使用字串。

差異說明

識別字：

• 符合語法
• 不能引用
• 區分大小寫
• 表示作者定義的識別字

字串：

• 由雙或單分隔引號
• 對應於生產

識別碼使用的原因

儘管看起來不一致，但網格區域中標識符的使用保持了與CSS 的一致性。根據 CSS 值和單位模組規範，大多數屬性接受標識符作為值。這項決定確保了 CSS 的一致性，並避免為網格區域引入不必要的異常。

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