CSS ID 选择器可以处理 HTML ID 中的句点吗？

在 CSS 中使用句点寻址 ID 选择器

在 HTML 中，id 属性中允许使用句点。但是，在 CSS ID 选择器规则中使用这些元素时，由于句点不是有效 CSS“标识符”的一部分，会出现不一致的情况。

有些人认为 CSS ID 选择器规则遵循标签名称和类的语法选择器组合，例如“a.className”，定位具有指定类名的锚标记。这就引出了一个问题：是否可以在外部 CSS 文件中引用包含包含句点的 ID 的 HTML 元素。

CSS 规范澄清句点不是有效“标识符”的一部分，表明它们不能在 ID 中使用选择器规则。然而，进一步探索发现 CSS 确实支持反斜杠 () 转义特殊字符。

因此，要匹配 id 包含句点的 HTML 元素，可以使用以下转义 CSS 规则：

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

此语法允许 CSS ID 选择器规则引用 id 中带有句点的元素，与 HTML 规范保持一致，并提供修改 HTML id 属性的可行替代方案。

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