Less中的混入用法(类似于函数)
// 定义混入方法时,需要在类选择器之后添加一个小括号// 定义混入方法.abc () {color: red;}.active {border: 1px solid blue;// 使用混入方法.abc();}.current {background: orange;// 使用混入方法.abc();}混入的好处:把重复的代码抽离出去,使用的时候可以多次导入,降低代码的冗余度定义一个less文件/
·
// 定义混入方法时,需要在类选择器之后添加一个小括号
// 定义混入方法
.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文件就可以了!!!
更多推荐


所有评论(0)