Pseudo-seletor :root e variáveis CSS

O pseudo-seletor :root no CSS é usado para selecionar o elemento raiz de um documento.
A principal utilidade do :root é a sua maior especificidade quando comparado com outros seletores de elementos. Além disso, ele comumente usado para definir variáveis CSS que podem ser acessadas em qualquer lugar do documento.

Variáveis CSS contem valores específicos que podem ser reutilizados em todo o documento. Elas são úteis para reduzir a redundância no código CSS e permitir mudanças globais rápidas.

Видео Pseudo-seletor :root e variáveis CSS канала freeCodeCamp em Português