Lidhja e selektorëve në SASS
Ndonjëherë ne kemi nevojë që gjatë kompilimit të konstruksioneve të vendosura ato të lidhen jo nëpërmjet një hapësire, por në mënyrë të bashkuar. Për këtë, përpara emrit të selektorit të vendosur është e nevojshme të vendosni një ampersand:
div {
&.block {
width: 300px;
}
}
Si rezultat, pas kompilimit do të marrim kodin e mëposhtëm:
div.block {
width: 300px;
}
Tregoni, cili do të jetë rezultati i kompilimit të kodit të mëposhtëm:
#block {
&.xxx {
width: 300px;
}
}
Tregoni, cili do të jetë rezultati i kompilimit të kodit të mëposhtëm:
#block {
.xxx {
width: 300px;
}
}
Tregoni, cili do të jetë rezultati i kompilimit të kodit të mëposhtëm:
#block {
&.xxx {
&.zzz {
width: 300px;
}
}
}
Tregoni, cili do të jetë rezultati i kompilimit të kodit të mëposhtëm:
#block {
&.xxx {
.zzz {
width: 300px;
}
}
}
Tregoni, cili do të jetë rezultati i kompilimit të kodit të mëposhtëm:
#block {
.xxx {
&.zzz {
width: 300px;
}
}
}
