ฟังก์ชันที่มีพารามิเตอร์เลือกได้หลายตัวใน LESS

ถ้าฟังก์ชันมีพารามิเตอร์หลายตัว พารามิเตอร์ที่เลือกได้จะต้องอยู่ ท้ายสุด มาดูตัวอย่างกัน

สมมติว่าเรามีฟังก์ชันที่กำหนดสี ข้อความและสีพื้นหลังพร้อมกัน:

styles.less.color(@c1, @c2) {
  color: @c1;
  background-color: @c2;
}

มาทำให้พารามิเตอร์ตัวที่สอง ไม่บังคับกัน:

styles.less.color(@c1, @c2: white) {
  color: @c1;
  background-color: @c2;
}

และตอนนี้มาทำให้พารามิเตอร์ตัวแรก ไม่บังคับด้วย:

styles.less.color(@c1: black, @c2: white) {
  color: @c1;
  background-color: @c2;
}