Att sammanfoga selektorer i LESS
Ibland behöver vi att när vi kompilerar nästlade konstruktioner ska de sammanfogas inte med mellanslag, utan sammanfogade. För att göra detta måste du sätta ett et-tecken före namnet på den nästlade selektorn:
div {
&.block {
width: 300px;
}
}
Som ett resultat, efter kompilering kommer vi att få följande kod:
div.block {
width: 300px;
}
Berätta vad resultatet av kompileringen av följande kod blir:
#block {
&.xxx {
width: 300px;
}
}
Berätta vad resultatet av kompileringen av följande kod blir:
#block {
.xxx {
width: 300px;
}
}
Berätta vad resultatet av kompileringen av följande kod blir:
#block {
&.xxx {
&.zzz {
width: 300px;
}
}
}
Berätta vad resultatet av kompileringen av följande kod blir:
#block {
&.xxx {
.zzz {
width: 300px;
}
}
}
Berätta vad resultatet av kompileringen av följande kod blir:
#block {
.xxx {
&.zzz {
width: 300px;
}
}
}
