less匹配模式

<div class="sanjiao"></div>

.sanjiao{
　　width: 0px;
　　height: 0px;
　　overflow: hidden;
　　border-width: 10px;
　　border-color: red transparent transparent transparent;
　　border-style: solid;
}

border-color: transparent transparent red transparent;

//匹配模式
.match(top,@w:10px,@c:red){
　　border-width: @w;
　　border-color: transparent transparent @c transparent;
}
.match(bottom,@w:10px,@c:red){
　　border-width: @w;
　　border-color: @c transparent transparent transparent;
}
.match(left,@w:10px,@c:red){
　　border-width: @w;
　　border-color: transparent @c transparent transparent;
}
.match(right,@w:10px,@c:red){
　　border-width: @w;
　　border-color: transparent transparent transparent @c;
}
//@_表示，不管上下左右都带上这个固定的样式
.match(@_,@w:10px,@c:red){
　　width: 0px;
　　height: 0px;
　　overflow: hidden;
　　border-style: solid;
}
.sanjiao{
　　.match(bottom)
}

.sanjiao {
　　border-width: 10px;
　　border-color: #ff0000 transparent transparent transparent;
　　width: 0px;
　　height: 0px;
　　overflow: hidden;
　　border-style: solid;
}

<div class="posDiv"></div>

.pos(a){
　　position: absolute;
}
.pos(r){
　　position: relative;
}
.pos(f){
　　position: fixed;
}
.posDiv{
　　width: 100px;
　　height: 100px;
　　.pos(a);
}
=>
.posDiv {
　　width: 100px;
　　height: 100px;
　　position: absolute;
}