Я бы предположил, что это будет быстрее:
#dialog .videoContainer { width:100px; }
чем:
.videoContainer { width:100px; }
Конечно, невзирая на то, что .videoContainer в первом примере будет отображаться только под тегом #dialog.
CSS: #id.class VS.class. Что лучше?
Ответ 1
Селектора CSS соответствуют справа налево.
Следовательно, .videoContainer должен быть "быстрее", чем #dialog .videoContainer, потому что он пропускает тестирование для #dialog.
Однако в лучшем случае это не имеет значения - вы никогда не заметите разницы. Для страниц с обычным размером количество времени, о котором мы говорим, настолько невелико, что оно отсутствует.
Вот соответствующий ответ эксперта, который вы должны прочитать: Почему браузеры соответствуют селекторам CSS справа налево?