SASS-та селекторларды қосу
Кейде бізге кірістірілген конструкцияларды компиляциялау кезінде оларды бос орын арқылы емес, бірігіп қосылуы қажет. Ол үшін кірістірілген селектор атының алдына амперсанд қою керек:
div {
&.block {
width: 300px;
}
}
Нәтижесінде компиляциядан кейін бізде келесі код шығады:
div.block {
width: 300px;
}
Келесі кодтың компиляция нәтижесі қандай болатынын түсіндіріңіз:
#block {
&.xxx {
width: 300px;
}
}
Келесі кодтың компиляция нәтижесі қандай болатынын түсіндіріңіз:
#block {
.xxx {
width: 300px;
}
}
Келесі кодтың компиляция нәтижесі қандай болатынын түсіндіріңіз:
#block {
&.xxx {
&.zzz {
width: 300px;
}
}
}
Келесі кодтың компиляция нәтижесі қандай болатынын түсіндіріңіз:
#block {
&.xxx {
.zzz {
width: 300px;
}
}
}
Келесі кодтың компиляция нәтижесі қандай болатынын түсіндіріңіз:
#block {
.xxx {
&.zzz {
width: 300px;
}
}
}
