CSS: 256 классов имеют больший приоритет, чем id

в 17:44, , рубрики: css, метки:

Сегодня в зарубежных блогах появилась занятная новость о необычном поведении браузеров: на днях Chris Coyier, автор сайта css-tricks.com показал, как классу можно дать больший приоритет, чем id. Нужно всего лишь применить к объекту 256 классов!

Почему это работает?

В Firefox и Chrome исходный код, отображающий классы, хранится в 8-битных строках, соответственно 256 элементов выходят за пределы. В Опере 16-битные строки, поэтому потребуется 65536 классов.

Точно так же можно 256 вложенных div'ов имеют больший приоритет, чем класс.

Автор: grokru


* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js