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

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

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

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

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

Автор: grokru