CSS 选择器能否成功定位具有点 ID 的元素？

在 ID 中使用句点来处理 CSS 选择器

HTML 规范允许在 ID 中使用句点 (.)，从而允许元素具有诸如“< ;img id="some.id"/>"。然而，传统的CSS ID选择器，例如“#some.id { color: #f00; }”，无法匹配带有点ID的元素。

与ID选择器的CSS规范相反，它忽略了这种情况，问题源于 CSS 使用混合标签名称和类选择器。像“a.className”这样的规则以类名“className”的所有锚标记为目标。

问题出现了：外部 CSS 规则可以以带点 ID 的元素为目标吗？答案是微妙的。虽然 CSS 规范限制在标识符中使用句点，但通过反斜杠 () 转义存在解决方法。

此技术允许创建与句点元素匹配的选择器。例如，以下规则使用反斜杠转义来定位 ID 为“some.id”的元素：“#some.id { color: #f00; }”。

因此，尽管规范存在差异，可以使用 CSS 选择器通过反斜杠转义来寻址具有点 ID 的元素。

以上是CSS 选择器能否成功定位具有点 ID 的元素？的详细内容。更多信息请关注PHP中文网其他相关文章！