为什么 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 语法的一致性。”

结论

虽然乍一看似乎违反直觉，但使用命名网格区域的标识符可以增强整体效果CSS 的一致性。它与大多数属性值保持一致，允许更好的视觉分组，并实现不同网格语法之间的兼容性。

以上是为什么 CSS 命名的网格区域不包含在引号中？的详细内容。更多信息请关注PHP中文网其他相关文章！