Grupimi i Selektorëve në SASS

Nëse gjatë futjes së brendshme ka vend grupimi i selektorëve, SASS do ta zgjerojë saktë këtë konstruksion gjatë përpilimit. Le të shohim në praktikë. Ja një shembull i grupimit:

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

Si rezultat, gjatë përpilimit do të fitohet kodi vijues:

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

Задание 1

Tregoni, cili do të jetë rezultati i përpilimit të kodit vijues:

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