LESS에서의 선택자 그룹화

중첩 구조에서 선택자 그룹화가 사용된 경우, LESS는 컴파일 시 이 구문을 올바르게 전개합니다. 실제로 살펴보겠습니다. 다음은 그룹화의 예시입니다:

styles.less#header {
  .menu, .logo {
    color: red;
  }
}

결과적으로 컴파일 후에는 다음과 같은 코드가 생성됩니다:

styles.css#header .menu, #header .logo {
  color: red;
}

styles.less#block {
  ul, ol {
    color: blue;
    
    li {
      font-size: 20px;
    }
  }
}