Разница между селектором звездочка (*) и :root заключается в том, что последний выбирает только основной контейнер DOM без дочерних элементов: