Запрещенный идентификатор CSS и имена классов

Question

Я дорабатывал сайт, над которым я работаю, проходил и чистил код ... удалял ненужную разметку, переименовывал элементы, чтобы лучше описать их функции и т. Д ...

По какой-то причине мой макет страницы в IE6 сломался. IE6 по-прежнему является основным браузером на компьютерах компании. Потратив много времени, я окончательно определил источник проблемы.

Я переименовал элемент DIV, который содержит основное содержимое страницы, в «содержимое». По какой-то причине IE не оценил это, и я не знаю почему.

Существуют ли определенные слова, которые нельзя использовать в качестве идентификатора или имени класса? Если да, то на что они влияют и на какие браузеры это влияет?

Answer 1

Убедитесь, что на сайте нет других идентификаторов под названием «Контент». Наличие двух объектов с одинаковым идентификатором (в данном случае «контент») приведет к сбою CSS.

И не забудьте проверить, что ваш CSS также изменил ID! :)

Answer 2

Я переименовал элемент DIV, который содержит основное содержимое страницы, в «content»

если это означает <div id="badnameforcontent"> стало <div id="content"> тогда возможно, стилизация для предыдущего идентификатора «badnameforcontent» была потеряна в результате, проверьте свой CSS на это оригинальное имя и обновите его до #content.

Answer 3

Для идентификатора в соответствии с W3C :

токены ID и NAME должны начинаться с буквы ([A-Za-z]) и могут сопровождатьсялюбое количество букв, цифр ([0-9]), дефисов ("-"), подчеркиваний ("_"), двоеточий (":") и точек (".").

Само собой разумеется, что два элемента не могут иметь одинаковый идентификатор в DOM.

Для имен классов CSS посмотрите на этот ответ StackOverflow .