为什么 CSS 网格区域名称不包含在引号中？

为什么 CSS 中的命名网格区域不被引用

根据 CSS Grid 规范， grid-area 的值为网格线，它使用自定义标识符 ()。然而，MDN 指出标识符不能加引号，这导致人们对为什么必须通过不带引号的 ID 访问命名网格区域感到困惑。

CSS 网格规范开发人员选择了标识符而不是使用 grid-area 属性定义命名网格区域时使用字符串，以保持与 CSS 其余部分的一致性，其中大多数属性使用标识符而不是字符串。例外情况包括字体系列、内容和网格模板区域，它们同时使用字符串和标识符。

2013 年，规范编写者讨论了从字符串切换到标识符的需要，因为：

• 与其他 CSS 属性不一致
• 提供视觉分组名称
• 与命名网格区域模板语法的兼容性，该语法使用字符串

结果

使用 grid- 定义的命名网格区域区域被视为标识符，而不是字符串。这可能会导致混乱，因为 grid-template-areas 中的语法使用字符串。

差异说明

标识符：

• 符合语法
• 不能引用
• 区分大小写
• 表示作者定义的标识符

字符串：

• 由双或单分隔引号
• 对应于生产

标识符使用的原因

尽管看起来不一致，但网格区域中标识符的使用保持了与 CSS 的一致性。根据 CSS 值和单位模块规范，大多数属性接受标识符作为值。这一决定确保了 CSS 的一致性，并避免为网格区域引入不必要的异常。

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