CSS: #id .class VS производительность .class.Что лучше?

Question

Я бы предположил, что это будет быстрее:

#dialog .videoContainer { width:100px; }

чем:

.videoContainer { width:100px; }

Конечно, несмотря на то, что .videoContainer в первом примере будет стилизоваться только под#dialog тег.

Answer 1

CSS-селекторы соответствуют справа налево .

Следовательно, .videoContainer должен быть "быстрее", чем #dialog .videoContainer, потому что он пропускает тестирование для #dialog.

Однако в лучшем случае все это не имеет значения - вы никогда не заметите разницу. Для страниц нормального размера количество времени, о котором мы говорим, настолько незначительно, что его вообще не существует.

Вот соответствующий ответ эксперта, который вы должны прочитать: Почему браузеры сопоставляют селекторы CSS справа налево?