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

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

在 CSS 網格中，命名網格區域是透過不帶引號的 ID 存取的。這可能看起來很奇怪，因為命名網格區域是用網格中的引號指定的：「area1 area2」/ 1fr 1fr;。

使用識別符的原因

CSS 網格的開發人員選擇使用標識符而不是字串來與 CSS 的其餘部分保持一致。大多數 CSS 屬性都使用識別碼來指定值，包括顯示、字體粗細和對齊內容。透過使用命名網格區域的標識符，CSS 規範保持了一致性。

識別符與字串

識別字是作者定義的字元序列，不會被誤解為關鍵字。它們區分大小寫，必須不加引號。

另一方面，字串是由引號（單引號或雙引號）分隔的字元序列。它們對應於。

範例

在下面的範例中，.logo的網格區域將區域名稱「logo」指定為標識符，而不是string:

.grid {
  display: grid;
  grid-template-areas: "logo  nav  nav"
                        "content  content  content"
                        "footer footer  footer";
}

.logo {
  grid-area: logo;
}

結論

雖然命名網格區域使用標識符最初命名網格區域使用標識符最初命名看起來可能違反直覺，但CSS 網格規範開發人員選擇它是為了與絕大多數CSS 屬性保持一致。這項決定保持了統一的語法，確保開發人員的學習曲線更平滑。

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