Иттиҳоди селекторҳо дар 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;
}
}
}
