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

[AnToHaa]

0

Объясните, пожалуйста, два обзаца из раздела "4.16.2 Case-sensitivity of selectors" whatwg спецификации:

"When comparing a CSS element type selector to the names of HTML elements in HTML documents, the CSS element type selector must first be converted to ASCII lowercase. The same selector when compared to other elements must be compared according to its original case. In both cases, to match the values must be identical to each other (and therefore the comparison is case sensitive).

When comparing the name part of a CSS attribute selector to the names of attributes on HTML elements in HTML documents, the name part of the CSS attribute selector must first be converted to ASCII lowercase. The same selector when compared to other attributes must be compared according to its original case. In both cases, the comparison is case-sensitive."

Для чего нужно тут конвертирование селекторов типа в нижний регистр? И "The same selector when compared to other elements must be compared according to its original case." - что имеется тут в виду? И со всем вышеперечисленным, как будут сравниваться селекторы типов с html именами элементов?

[Alar]

Работало, работает и будет работать это так

Делаешь сайт в одном браузере, версии браузера - всё идеально, смотришь в другом ничего не работает, вёрстка разваливается, клиенские скрипты устарели и подобное

Потому описывать сайт нужно максимально точно

Сообщение от AnToHaa

ак будут сравниваться селекторы типов с html именами элементов?

Кто будет сравнивать? вы глазками в блокноте или боты на той стороне
Вы как захотите так и будете сранивать, и боты тоже как им вбзбредёт в их коде.

Кстати, не уверен, что это вопрос от человека, а не от спам бота.

[James229]

Преобразование селектора типа элемента CSS в нижний регистр ASCII.
При сравнении селектора типа элемента CSS (например, div, span) с именами элементов HTML в документе HTML селектор CSS сначала преобразуется в нижний регистр ASCII. Это сделано для обеспечения нечувствительности к регистру в данном конкретном контексте. Например, если селектор CSS равен , перед сравнением DIVон будет преобразован в .div

Зачем переводить в нижний регистр?
Это преобразование гарантирует, что сравнение не учитывает регистр при проверке имен элементов HTML. Это упрощает процесс сопоставления, позволяя селекторам сопоставляться независимо от регистра, используемого в коде CSS. Это решение принято с учетом того, что имена элементов HTML нечувствительны к регистру.

Как селекторы типов соотносятся с именами элементов HTML?
После преобразования селектор типа сравнивается с именами элементов HTML без учета регистра. Например, селектор CSS DIVбудет соответствовать элементу HTML с именем <div>или <DIV>.

Чувствительность к регистру в селекторах атрибутов:
при сравнении части имени селектора атрибутов CSS (например, [id="example"]) с именами атрибутов в элементах HTML часть имени селектора CSS сначала преобразуется в нижний регистр ASCII. Это обеспечивает нечувствительность к регистру в контексте сравнения имен атрибутов.

Однако при сравнении того же селектора с другими атрибутами он сравнивается в исходном случае. В обоих случаях сравнение чувствительно к регистру.

Зачем переводить селекторы атрибутов в нижний регистр?
Как и в случае с селекторами типов элементов, преобразование селектора атрибута в нижний регистр гарантирует, что сравнение не будет учитывать регистр при проверке имен атрибутов HTML.

Что означает «по сравнению с исходным случаем»?
Для атрибутов, если у вас есть селектор типа [data-example], при сравнении его с атрибутами он будет учитывать регистр. Например, он будет соответствовать, <div data-example>но не <div DATA-EXAMPLE>.

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