Правильное использование селектора: root в CSS

Question

Мне нужно несколько советов по оформлению страниц с использованием CSS: корневой селектор, против тега body.

Есть ли список атрибутов стиля, которые лучше подходят на уровне :root? Где лучше всего находится background-color собственность?

Answer 1

Вы можете использовать корневую переменную следующим образом: -

:root {--background-color: #000;}body{background: var(--background-color);}