Нужно ли иметь имя селектора в том же случае в CSS и HTML?

Question

Нужно ли иметь имя селектора в одном и том же регистре в CSS и HTML?

это нормально?

<div id="HEADER"> </div>

#header{...}

или это нужно?

<div id="HEADER"> </div>

#HEADER{...}

Answer 1

Имена и идентификаторы классов чувствительны к регистру, поэтому они должны иметь одинаковый регистр.

Следовательно, div.MyClass равно , а не так же, как div.myClass.

Имена элементов (в HTML) и псевдоклассов (везде) не чувствительны к регистру, поэтому DIV:hover равно так же, как div:HOVER.

Для получения дополнительной информации прочитайте spec .

Answer 2

Ваш второй пример должен быть #HEADER {...}, но ответ таков: некоторые браузеры чувствительны к регистру, если вы используете тип документа XHTML. Смотрите здесь: http://webdesign.about.com/od/css/f/blcssfaqcase.htm