Gruppering av selektorer i SASS

Hvis det forekommer gruppering av selektorer under nesting, vil SASS utvide denne konstruksjonen på riktig måte under kompilering. La oss se på det i praksis. Her er et eksempel på gruppering:

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

Resultatet etter kompilering vil bli følgende kode:

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

Задание 1

Forklar hva resultatet av kompileringen av følgende kode vil bli:

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