Поврзување на селектори во LESS
Понекогаш ни треба, при компајлирање на вгнездени конструкции, тие да се поврзани не со празно место, туку цврсто. За ова, пред името на вгнездениот селектор неопходно е да се стави амперсанд:
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;
}
}
}
