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