我可以在没有本机支持的情况下在 IE11 中使用 CSS 变量吗？

IE11: CSS 变量 Polyfill

问题：

我可以在 IE11 中使用 CSS 变量吗没有原生支持？

答案：

是的，使用 CSS Vars Ponyfill。

CSS Vars Ponyfill 是一个客户端 JavaScript 库，将 CSS 自定义属性转换为静态值，使 IE11 浏览器能够支持 CSS 变量。它提供的功能包括：

• 运行时值的实时更新
• 链接、样式和 @import CSS 的转换
• 支持链式和嵌套 var()函数
• 与 Web 组件和 Shadow DOM 集成

用法：

在网页中包含 ponyfill：

<script src="https://unpkg.com/css-vars-ponyfill/dist/css-vars-ponyfill.js"></script>

限制：

• 自定义属性支持仅限于 :root 和 :host 声明。
• var() 的使用仅限于属性值。

示例：

:root {
  --color: red;
}

p {
  color: var(--color);
}

:root {
  --size: 1em;
  --multiplier: 2;
}

p {
  font-size: calc(var(--size) * var(--multiplier));
}

W3C 规范：

• [CSS 自定义属性](https://www.w3.org/TR/css-variables-1/)
• [CSS 级联和继承级别 4](https://www.w3.org/TR/css -cascade-4/#cascade-order)

以上是我可以在没有本机支持的情况下在 IE11 中使用 CSS 变量吗？的详细内容。更多信息请关注PHP中文网其他相关文章！