Синтаксис корневого узла в CSS ⇐ Html

[Anonymous]

По моему мнению, следующий CSS является допустимым для школ W3 и других веб-сайтов:

Код: Выделить всё

:root {
--primary-bg-color: green; /* global scope */
}

Однако большинство линтеров, таких как https://prettier.io/, выдают ошибку при анализе моего примера:

Код: Выделить всё

SyntaxError: Unexpected token (1:1)
> 1 | :root {
| ^
2 |   --primary-bg-color: green; /* global scope */
3 | }

Я не особо разбираюсь в CSS, поэтому поведение линтера вызывает у меня вопросы:

• Ошибаюсь ли я, думая, что это правильный CSS?
• Почему линтеры жалуются?
• Как мне его отформатировать, чтобы линтер был доволен моим синтаксисом.

Подробнее здесь: https://stackoverflow.com/questions/798 ... tax-in-css