พารามิเตอร์ที่มีเครื่องหมายจุลภาคใน LESS

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

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

อย่างที่คุณเห็น ฟังก์ชันของเรามีพารามิเตอร์หนึ่งตัว นั่นหมายความว่าเราจะส่งค่าเงาทั้งหมดของเรา เข้าพารามิเตอร์นี้โดยคั่นด้วยช่องว่าง แบบนี้:

div {
	.shadow(1px 1px red);
}

อย่างไรก็ตาม ใน CSS เราสามารถกำหนดเงาหลายๆ อันได้ โดยเขียนคั่นด้วยเครื่องหมายจุลภาค ในกรณีของเรา น่าเสียดายที่ทำแบบนั้นไม่ได้ เพราะเครื่องหมายจุลภาค จะถูกคอมไพเลอร์ตีความว่าเป็นตัวคั่น ระหว่างพารามิเตอร์ของฟังก์ชัน:

div {
	.shadow(1px 1px red, 1px 1px blue); // จะทำให้เกิดข้อผิดพลาด
}

แต่ก็มีวิธีแก้ เราสามารถบังคับให้ LESS ตีความสตริงของเราที่มีเครื่องหมายจุลภาคเป็นพารามิเตอร์เดียว ได้ ในการทำเช่นนั้น เราจำเป็นต้องจบรายการค่า ของเราด้วยเครื่องหมายอัฒภาค:

div {
	.shadow(1px 1px red, 1px 1px blue;);
}

สร้างฟังก์ชันที่เพิ่มพื้นหลัง โดยใช้ ฟังก์ชันนี้ให้เพิ่มพื้นหลังหลายๆ แบบให้กับบล็อก