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

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

<li id="News_tab">...

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

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

25
cross-browser css css-selectors

4 ответов

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

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

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

28

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

input[value='search' i]

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

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

8

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

http://reference.sitepoint.com/css/casesensitivity

6

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

весь синтаксис CSS нечувствителен к регистру в диапазоне ASCII (т. е. [a-z] и [A-Z] эквивалентны), за исключением частей, которые не находятся под контролем CSS

с веб-сайта docs.

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

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

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

2