Корневой узел — это предок всех остальных элементов документа. У него есть особый селектор псевдокласса (:root), который используется для его назначения. Этот прием эквивалентен задействованию селектора типа html со специфичностью класса, а не тега.
Rem — это сокращение от root em (корневой em). Единицы rem относительны по отношению не к текущему элементу, а к корневому. Неважно, где вы примените их в документе, 1,2 rem будут иметь одинаковое вычисленное значение — 1,2 от размера шрифта корневого элемента. Листинг 2.10 устанавливает корневой размер шрифта и затем применяет единицы rem, чтобы определить размер шрифта относящихся к нему неупорядоченных списков.
Листинг 2.10. Указание размера шрифта с помощью единиц rem