LESS에서 선택자 부분 연결하기

심지어 동일한 클래스의 부분들도 연결할 수 있습니다. 예를 들어, 다음과 같이:

styles.less.button {
  &-ok {
    color: green;
  }
  &-cancel {
    color: red;
  }
}

컴파일 결과로 다음과 같은 코드가 생성됩니다:

styles.css.button-ok {
  color: green;
}
.button-cancel {
  color: red;
}

styles.less.label-success {
  color: green;
}
.label-warning {
  color: yellow;
}
.label-error {
  color: red;
}