带有句点ID的CSS选择器

Question

HTML规范允许id中的句点(.):

<img id="some.id" />

但是,使用CSS ID选择器规则将无法正确匹配:

#some.id { color: #f00; }

ID选择器的CSS规范没有提到这种情况.所以我假设它使用标签名称和类选择器的组合？例如,一个CSS规则a.className将适用于所有的锚标记(<a>)与类名className一样<a class="className"></a>.

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

我期望不会因为CSS规范指定CSS" 标识符 "不包括句点作为有效字符.那么这是HTML和CSS规范之间的根本不匹配吗？我唯一的选择是使用不同类型的CSS选择吗？任何人都比我确认或否认这个更聪明吗？

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

Answer 1

经典.在仔细阅读了写下这个问题的所有规范后,我再读了一遍,发现有一个转义字符.我以前从未需要它,但CSS规范允许反斜杠(\)像大多数语言一样逃避.你知道什么？

所以在我的例子中,以下规则将匹配:

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

Answer 2

你也可以使用img [id = some.id]]

更多信息:http://www.w3.org/TR/selectors/#attribute-selectors