css变量声明使用

今天跟朋友聊天被推荐的一个css变量使用,感觉挺方便的,适用于各种页面,类似于scss less ~好处是减少样式代码的重复性，增加样式代码的扩展性和灵活性

简单使用:

<style>
:root {
    --color:#000;
    --width:200px;  
 
}
body {
    color : var(--color);
    width:var(--width);
}
</style>

具体使用:参:https://www.jianshu.com/p/cd583e30719d