Nhóm các bộ chọn trong SASS
Nếu có việc nhóm các bộ chọn bên trong quy tắc lồng nhau, SASS sẽ triển khai cấu trúc này một cách chính xác khi biên dịch. Chúng ta hãy xem xét thực tế. Đây là một ví dụ về nhóm:
#header {
.menu, .logo {
color: red;
}
}
Kết quả là sau 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 đoạn mã sau sẽ là gì:
#block {
ul, ol {
color: blue;
li {
font-size: 20px;
}
}
}
