css 变量减少样式重复定义，比如同一个颜色值要在多个地方重复使用

//随手记录下，哈哈，我朋友小康看我发一篇文章里面的介绍的
<style>
  :root{
    --bgColor: blue;
    --color:red;
    --fontSize:24px
  }
  .reduceBox{
    width: 200px;
    height: 200px;
    border: 1px solid var(--bgColor);
  }
  .title, .sun,.kni{
    width: 100%;
    height: 30px;
  
  }
  .title{
    color: var(--color);
  }
  .sun{
    background-color: var(--bgColor);
  }
</style>

 

搜索

复制