skutin
+2
Да, вы правы, браузер обрабатывает css справа налево, и идеальным с точки зрения производительности этот вариант назвать нельзя. Дал более развёрнутый ответ выше.
skutin
0
В этом аспекте я, признаться, допустил оплошность — в действительности будет так:
.list-item {...} // хорошо
#list-1 .list-item {...} // немного медленнее, т.к. ключевой селектор совпадает с предыдущим стилем, но добавлена вложенность

Привычка к инкапсуляции уже работает на автомате. Дополнил этот пункт в статье, спасибо за замечание!