CSS селектор с точкой в ID
Спецификация HTML допускает точки (.) В идентификаторе:
<img id="some.id">
Однако использование правила селектора CSS IDне соответствовать правильно:
#some.id { color: #f00; }
Спецификация CSS дляСелекторы ID не упоминает этот случай. Поэтому я предполагаю, что он использует комбинацию имени тега иселектор класса? Например, правило CSSa.className
будет применяться ко всем тегам привязки (<a></a>
) с именем классаclassName
, лайк .<a class="className"></a>
Возможно ли иметь правило внешнего файла CSS, которое ссылается на элемент HTML по его идентификатору, в котором есть точка?
Я не ожидаю, так как спецификация CSS указывает, что CSS "идентификатор" не включает период в качестве действительного символа. Так это фундаментальное несоответствие между спецификациями HTML и CSS? Является ли моя единственная альтернатива для использования другого типа выбора CSS? Может ли кто-нибудь умнее, чем я подтвердить или опровергнуть это?
(Я бы удалил точку из атрибута HTML id, чтобы упростить процесс, но это сгенерированный системой идентификатор, поэтому я нев этом случае он не может измениться.)