SASS에서 선택자 그룹화
중첩 시 선택자 그룹화가 발생하는 경우, SASS는 컴파일 시 이 구문을 올바르게 확장합니다. 실제로 살펴보겠습니다. 다음은 그룹화의 예입니다:
#header {
.menu, .logo {
color: red;
}
}
결과적으로 컴파일 시 다음과 같은 코드가 생성됩니다:
#header .menu, #header .logo {
color: red;
}
다음 코드의 컴파일 결과가 어떻게 될지 설명해 보세요:
#block {
ul, ol {
color: blue;
li {
font-size: 20px;
}
}
}
