Как компьютер обрабатывает и применяет правила стилей к элементам страницы?
Приветствую
Никогда не встречал объяснения внутреннего механизма работы правил стилей для элементов страницы, поэтому вопрос(–ы) могут показаться глупыми. Как вообще происходит применение стилей к элементам страницы сайта, что, где и как обрабатываются правила?
Допустим, есть на странице тысячи элементов и тысячи правил в таблице стилей. Загрузил браузер страницу, подгрузил файл стилей, а что потом? Браузер ищет в стилях правило, потом ищет элемент на странице, применяет к нему правило и все повторяется или же браузер сначала собирает все элементы страницы, а потом этими элементами (классами и айди) проходится по файлу стилей и последовательно при нахождении правила, относящегося к элементу, накладывает это правило на элемент?
Как там все вращается, что шевелится внутри?
Если у кого-то есть разумное объяснение или ссылка на интересный для ознакомления материал, написанный желательно на русском, то было увлекательно ознакомиться с таким материалом.
Браузер рендерит страницу (ее элементы), согласно дефолтных правил (могут отличаться от браузера к браузеру незначительно), которые мы и переопределяем в css файле.
Сам механизм рендера зависит от браузера и не имеет описания в 2-3 строки. Уверен что на сайтах разработчиков того или иного браузера есть информация. Например: https://developer.mozilla.org/ru/
