html - :root imported CSS not working in safari and 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 选择器在所有 edge 浏览器中都可以正常工作，所以有一些小问题，请看我的图片，希望对您有所帮助。