การเชื่อมต่อส่วนต่างๆ ของซีเลกเตอร์ใน LESS
คุณสามารถเชื่อมต่อแม้แต่ส่วนต่างๆ ของคลาสเดียวกันได้ ตัวอย่างเช่นแบบนี้:
.button {
&-ok {
color: green;
}
&-cancel {
color: red;
}
}
ผลลัพธ์หลังจากคอมไพล์ เราจะได้โค้ดดังต่อไปนี้:
.button-ok {
color: green;
}
.button-cancel {
color: red;
}
ลดความซับซ้อนของโค้ดที่กำหนดให้:
.label-success {
color: green;
}
.label-warning {
color: yellow;
}
.label-error {
color: red;
}
