Гурӯҳбандии селекторҳо дар LESS

Агар дар фарогирӣ гурӯҳбандии селекторҳо мавҷуд бошад, LESS ин сохторро ба таври дуруст ҳангоми компилятӣ паҳн мекунад. Биёед амалан бубинем. Ин мисоли гурӯҳбандист:

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

Дар натиҷа ҳангоми компилятӣ рамзи зерин ҳосил мешавад:

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

Задание 1

Ба гуфтан, натиҷаи компилятӣ намудани рамзи зерин чӣ хоҳад буд:

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