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;
    }
  }
}