การรวมค่าด้วยเครื่องหมายจุลภาคใน LESS

สมมติว่าเรามีฟังก์ชันที่สร้างเงาของบล็อก:

.shadow(@s) {
	box-shadow: @s;
}

สมมติว่าเราต้องการเพิ่มสองเงาให้กับบล็อก โดยเรียก ฟังก์ชันของเราสองครั้ง:

p {
	.shadow(1px 1px red); 
	.shadow(2px 2px blue);
}

อย่างไรก็ตาม เราจะไม่ได้รับผลลัพธ์ตามที่ต้องการ เพราะ การเรียกใช้เงาสองอันจะเพียงแค่เพิ่มคุณสมบัติ box-shadow สองอัน:

p {
	box-shadow: 1px 1px red;
	box-shadow: 2px 2px blue;
}

แต่เราต้องการให้เงาถูกเพิ่มเข้าไป ในคุณสมบัติ box-shadow เดียวโดยคั่นด้วยเครื่องหมายจุลภาค แบบนี้:

p {
	box-shadow: 1px 1px red, 2px 2px blue;
}

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

.shadow(@s) {
	box-shadow+: @s;
}

สร้างฟังก์ชันที่คล้ายกันสำหรับคุณสมบัติ text-shadow

สร้างฟังก์ชันที่คล้ายกันสำหรับคุณสมบัติ background