html - ID 中带有句点的 CSS 选择器

Question

HTML 规范允许在 id 中使用句点 (.):

<img id="some.id" />

但是，使用 CSS ID 选择器规则不会正确匹配:

#some.id { color: #f00; }

ID Selectors 的 CSS 规范没有提到这个案例。所以我假设它是使用标签名称和 class selector 的组合？例如 a.className 的 CSS 规则将应用于类名称为 <a> 的所有 anchor 标记 ( className) , 比如 <a class="className"></a> .

是否可以有一个外部 CSS 文件规则，通过其中包含句点的 id 引用 HTML 元素？

我预计不会，因为 CSS 规范指定 CSS“identifier”不包括句点作为有效字符。那么这是 HTML 和 CSS 规范之间的根本不匹配吗？我唯一的选择是使用不同类型的 CSS 选择吗？比我聪明的人能证实或否认这一点吗？

(我会从 HTML id 属性中删除句点以简化操作，但它是系统生成的 id，因此在这种情况下我无法更改它。)

Answer 1

在深入研究规范后，我发现 CSS 规范确实允许 backslash (\) escaping像大多数语言一样。

所以在我的示例中，以下规则将匹配:

#some\.id {
  color: #f00;
}