CSS新特性之自定义属性？

CSS新特性之自定义属性？

CSS自定义属性（也称为”CSS变量”），在目前所有的现代浏览器中都得到了支持。即原生CSS的变量定义用- - 符号

自定义属性涉及到： 定义与使用、计算、默认值、作用域

：root{    //注意：标签选择器的优先级高于root

       - -color: green;   //在root下定义变量

      - -number：100；

}  

.box {

     background: var(- - color );    //变量的调用

     height：calc( var(- - number )* 1px );   //定义变量时没有单位，则调用时一定要加上单位

     font-size：var( - - size, 100px );   //若前面无size变量，则现在的默认为100px

      - -count：100px；   //变量定义无严格位置要求

}