Селекторларды SASS-те топтастыру
Егер ішке қарай ену кезінде селекторларды топтастыру болса, онда SASS компиляция кезінде бұл конструкцияны дұрыс жолға қояды. Тәжірибеде көрейік. Міне, топтастыру мысалы:
#header {
.menu, .logo {
color: red;
}
}
Нәтижесінде компиляция кезінде мынадай код шығады:
#header .menu, #header .logo {
color: red;
}
Келесі кодтың компиляция нәтижесі қандай болатынын айтып беріңіз:
#block {
ul, ol {
color: blue;
li {
font-size: 20px;
}
}
}
