css你意想不到的用法

//可以将div的背景色写成你想用的颜色  依次可以改变css的适配，使用到的形式，如ie-8兼容等，使用scss时候可用
@mixin alterColor($red) {
  background: $red;
}
div {
  @include alterColor(red);
}

css的计算属性， 可以计算样式的宽高等，当数据不固定时，使用
width: calc(50% - 20px);

//媒体查询
@media (min-width: 700px) {
只有大于700px才会执行的代码
background:red;
}

// 用途：在tab切换时，想给某一项添加样式，可以使用这个，decrease就是一个类名，相当于同级
 .icon {
        width: 100px;
        height: 100px;
        background-color: pink;

        &.decrease {
            font-weight: 700;
            color: blue;
        }
}
等于
.iocn{
        width: 100px;
        height: 100px;
        background-color: pink;
        font-weight: 700;
        color: blue;     
}