Nhóm hóa bộ chọn trong LESS
Nếu trong quá trình lồng nhau có sự nhóm hóa các bộ chọn, thì LESS sẽ triển khai cấu trúc này một cách chính xác khi biên dịch. Hãy xem xét trong thực tế. Đây là một ví dụ về nhóm hóa:
#header {
.menu, .logo {
color: red;
}
}
Kết quả là khi biên dịch, chúng ta sẽ nhận được mã sau:
#header .menu, #header .logo {
color: red;
}
Hãy cho biết, kết quả biên dịch của mã sau sẽ như thế nào:
#block {
ul, ol {
color: blue;
li {
font-size: 20px;
}
}
}
