ID c хэшем (#)

Question

[Дмитрий Логвиненко]

Нарвался на такую штуку:

<div id="#id">

Так работает:

div[id="#id"] { border: 1px solid red }

Так нет:

div##id { border: 1px solid red }

Почему так происходит? Не то что бы мне принципиально — затолкать в идентификатор дополнительный хэш, но все же интересно, почему всё так. Я, конечно, нарушил стандарт. Но почему тогда срабатывает второй вариант?

Answer 1

[MT]

Спецсимволы следует экранировать с помощью символа \:

div#\#id {border: 1px solid red; }

Comments

[Дмитрий Логвиненко]

О-о! Где такому учат? :)

[MT]

В спецификации:

Любой символ (за исключением шестнадцатеричного числа, символов перевода строки, возврата каретки или перевода страницы) можно экранировать с помощью обратного слэша с целью отменить его особый смысл.

(Any character (except a hexadecimal digit, linefeed, carriage return, or form feed) can be escaped with a backslash to remove its special meaning.)

Answer 2

[Вячеслав Слинько]

[name=value] — тупой поиск по значению аттрибута. Туда хоть символ BEER MUG засунь, все равно должен найти.
А div##id это уже инвалидная конструкция языка css.