Это всего лишь вопрос, который поможет мне лучше понять CSS.
Допустим, у нас есть миллион строк этого.
<div class="first">
<div class="second">
<span class="third">Hello World</span>
</div>
</div>
Какой был бы самый быстрый способ изменить шрифт Hello World на красный?
.third { color: red; }
div.third { color: red; }
div.second div.third { color: red; }
div.first div.second div.third { color: red; }
Кроме того, что, если в теге в середине был уникальный идентификатор "foo". Какой из вышеперечисленных методов CSS был бы самым быстрым.
Я знаю, почему эти методы используются и т.д., я просто пытаюсь лучше понять технику рендеринга браузеров, и я понятия не имею, как сделать тест, который раз это.
UPDATE: Хороший ответ Гумбо. По внешнему виду, это было бы быстрее на регулярном сайте, чтобы сделать полное определение тега. Поскольку он находит родителей и сужает поиск каждого найденного родителя.
Это может быть плохо в том смысле, что у вас будет довольно большой CSS файл.