//可以将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;
}