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