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;
}
}
}
