В каком порядке выполняется поиск элементов по селектору

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

Пример:

div.content p.title { color: red; }

Браузер:

1. Найдет все элементы p с классом title
2. Проверит, есть ли у них родитель div с классом content

Это важно для оптимизации: чем конкретнее правый селектор, тем быстрее поиск. Лучше избегать избыточных селекторов типа div div div p.