在 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中文网其他相关文章!