// 定义混入方法时,需要在类选择器之后添加一个小括号
// 定义混入方法
.abc () {
color: red;
}
.active {
border: 1px solid blue;
// 使用混入方法
.abc();
}
.current {
background: orange;
// 使用混入方法
.abc();
}
混入的好处:把重复的代码抽离出去,使用的时候可以多次导入,降低代码的冗余度
定义一个less文件
// 鼠标经过上移阴影动画
.hoverShadow () {
transition: all .5s;
&:hover {
transform: translate3d(0,-3px,0);
box-shadow: 0 3px 8px rgba(0,0,0,0.2);
}
}
使用时导入less文件就可以了!!!