CSS селекторы чувствительны к регистру?

Question

Я недавно обновлял сайт CMS, и плагин для навигации по вкладкам вставил следующую разметку:

<li id="News_tab">...

Я всегда писал свои селекторы CSS в нижнем регистре, поэтому, когда я пытался стилизовать это с помощью #news_tab, это не будет применяться, но #News_tab сработало.

После всех этих лет я удивляюсь, что раньше не сталкивался с этим, поэтому у меня всегда было впечатление, что CSS не учитывает регистр.Всегда ли CSS чувствителен к регистру, и я просто не заметил, благодаря моему последовательному стилю кода?

Answer 1

Сам CSS не чувствителен к регистру, но селекторы из HTML (class и id) чувствительны к регистру:

Рекомендация CSS по чувствительности к регистру

Рекомендация HTML, атрибут id (обратите внимание на [CS])

Answer 2

CSS4 ( Уровень селектора CSS 4 ) добавляет поддержку сопоставления без учета регистра (только ASCII).

input[value='search' i]

Это "я" в конце, которое сделало бы трюк ...

Проверьте мой другой ответ , чтобы узнать, какой браузер поддерживает это.

Answer 3

Атрибуты класса и ID чувствительны к регистру.

Answer 4

http://www.w3.org/TR/CSS2/syndata.html

Весь синтаксис CSS нечувствителен к регистру в пределах диапазона ASCII (т. Е. [Az] и [AZ] эквивалентны), за исключением частей, которые не контролируютсяCSS

С сайта документации.

---

Последующие действия для селекторов:

http://www.w3.org/TR/CSS2/selector.html

Дело-чувствительность имен элементов языка документа в селекторах зависит от языка документа.Например, в HTML имена элементов нечувствительны к регистру, но в XML они чувствительны к регистру.