Съединяване на селектори в 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;
}
}
}
