Kết nối bộ chọn trong LESS
Đôi khi chúng ta cần các cấu trúc lồng nhau khi biên dịch không được kết nối bằng dấu cách, mà phải kết hợp liền mạch. Để làm điều này, trước tên của bộ chọn lồng nhau cần đặt dấu và:
div {
&.block {
width: 300px;
}
}
Kết quả sau khi biên dịch, chúng ta sẽ có mã như sau:
div.block {
width: 300px;
}
Hãy cho biết kết quả biên dịch của đoạn mã sau sẽ là gì:
#block {
&.xxx {
width: 300px;
}
}
Hãy cho biết kết quả biên dịch của đoạn mã sau sẽ là gì:
#block {
.xxx {
width: 300px;
}
}
Hãy cho biết kết quả biên dịch của đoạn mã sau sẽ là gì:
#block {
&.xxx {
&.zzz {
width: 300px;
}
}
}
Hãy cho biết kết quả biên dịch của đoạn mã sau sẽ là gì:
#block {
&.xxx {
.zzz {
width: 300px;
}
}
}
Hãy cho biết kết quả biên dịch của đoạn mã sau sẽ là gì:
#block {
.xxx {
&.zzz {
width: 300px;
}
}
}
