การรวมกันด้วยช่องว่างใน LESS

มีคุณสมบัติบางอย่างที่ค่าของมันจำเป็นต้องรวมกัน ไม่ด้วยเครื่องหมายจุลภาค แต่ด้วยช่องว่าง สำหรับ การรวมกันดังกล่าวมีโอเปอเรเตอร์พิเศษ +_

ลองดูการทำงานของมันด้วยตัวอย่าง คุณสมบัติ transform มาสร้างฟังก์ชัน .rotate และ .skew ซึ่งกำหนดการแปลงรูปแบบ ที่เกี่ยวข้อง:

styles.less.rotate(@r) {
  transform+_: rotate(@r);
}
.skew(@s) {
  transform+_: skew(@s);
}

มาใช้ฟังก์ชันของเรากัน:

styles.lessdiv {
  .rotate(10deg);
  .skew(10deg);
}

จากการคอมไพล์ การแปลงรูปแบบของเรา จะถูกรวมเข้าไว้ในคุณสมบัติ transform เดียว:

styles.cssp {
  transform: rotate(10deg) skew(10deg);
}