: импортированный из root CSS не работает в Safari и IE 11

Question

:root Селектор не работает в некоторых браузерах.

Код:

:root {
    --blue: #4d6fd3;
    --yellow: #d8c812;
}
h1{
    color: var(--blue);
}
h2{
    color: var(--yellow);
}

<h1>This is a heading with blue color</h1>
<h2>This is a heading with yellow color</h2>

Эти импортированные CSS не применяются в Safari 5.1.7 и IE11.

Answer 1

Этот css3-селектор отлично работает во всех браузерах, поэтому есть небольшие проблемы, пожалуйста, посмотрите мое изображение, и я надеюсь, что это поможет вам.