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,因此在这种情况下,我无法更改它。)