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

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

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

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

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

Задание 1

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

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