Lidhja e Selektorëve në LESS
Ndonjëherë kemi nevojë që gjatë kompilimit të konstruksioneve të vendosura ato të lidhen jo përmes një hapësire, por në mënyrë të bashkuar. Për këtë, para emrit të selektorit të vendosur është e nevojshme të vendoset 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;
}
}
}
