CSS селектор производительности?

Question

Есть ли разница в производительности между этими двумя селекторами, если они соответствуют одному и тому же количеству элементов (одна форма)?

#master .body form {}

#master form {}

Я слышал, что CSS-селекторы могут существенно повлиять на скорость рендеринга страницы. Мне также было любопытно, относится ли это в основном ко времени загрузки страницы или к сценариям, в которых вы добавляете класс к элементу через JavaScript, и как быстро браузер может отображать это визуальное изменение.

Answer 1

интересных вещей там: http://calendar.perfplanet.com/2011/css-selector-performance-has-changed-for-the-better/, http://www.stevesouders.com/blog/2009/03/10/performance-impact-of-css-selectors/

Answer 2

У Google есть плагин для Firebug / Developer Tools, который анализирует скорость вашей страницы. Одна из его вкладок предназначена для селекторов CSS. Вам просто нужно запустить его, и он скажет вам, какой из них лучше.

Из того, что я знаю, кстати, первый медленнее. Чем меньше элементов нужно выбрать, тем лучше.