CSS 中使用变量－原生代码

ITPOW2018/9/13 20:20:41

原生代码

<style type="text/css">
div
{
    --color: red;
}
.cftea
{
    color: var(--color);
}
</style>

<div class="cftea">www.itpow.com、www.itpow.com</div>

变量是 -- 开头，使用变量的地方用 var()。

其中定义的变量要放在一个 {} 中，并指定选择符，如上指定的是 div，则表明这个变量只有在 div 中才有效，在 p 标签中无效。也可以用 * 表示哪里都有效，也有人用 :root。

如上代码，在 Chrome、Edge 中有效，但在 IE 11 中无效。