CSS ID 选择器可以在 HTML 元素中使用句点吗？

元素中带有句点的 CSS ID 选择器

HTML 规范允许在元素的 ID 中包含句点 (.)。然而，直接的 CSS ID 选择器规则将无法应用，从而引起人们对 HTML 和 CSS 规范之间潜在不一致的担忧。

ID 选择器的 CSS 规范忽略了这种情况，导致人们猜测它利用了复合标签名称和类选择器的组合。例如，CSS 规则“a.className”针对所有拥有类名“className”的锚标记 ()。

此兼容性问题引发了使用外部 CSS 文件是否可行的问题引用 ID 中包含句点的 HTML 元素的规则。假设是“不”，因为 CSS 规范规定 CSS“标识符”缺少句点作为可接受的字符。

在进一步探索规范后，发现 CSS 规范允许反斜杠 ( ) 转义，如许多其他编程语言中所见。这意味着以下规则将成功匹配 ID 中包含句点的元素：

<code class="css">#some\.id {
  color: #f00;
}</code>

通过使用反斜杠转义句点，CSS 选择器可以准确地定位 HTML 文档中的预期元素。

以上是CSS ID 选择器可以在 HTML 元素中使用句点吗？的详细内容。更多信息请关注PHP中文网其他相关文章！