Проблема с переопределением селекторов CSS. ⇐ CSS

[Гость]

У меня есть переменная CSS, объявленная в элементеsection#foo.
Элемент h2 использует эту переменную для определения своего цвета.

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

section {
--color: red;
}

section h2 {
color: var(--color);
}

section#foo {
--color: blue;
}

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

Title




Title

Однако селектор раздела #foo в моем CSS этого не делает. измените ранее объявленную переменную --color. Даже если я добавлю !important.

Подробнее здесь: https://stackoverflow.com/questions/782 ... -selectors