modifyvars - Usando nombre de variable para selector en less

less tutorial

Question

¿Hay alguna forma de usar un nombre de variable para almacenar el selector y usarlo?

#master #leftcontent div,
#master #rightcontent div{
background-color: #fff;
}
#master #leftcontent a,
#master #rightcontent a{
color:blue;
}

¿Es posible almacenar #master #leftcontent en una variable y referirla?

Answer 1

si, esto se puede hacer

Esto funciona en MENOS 1.3.1+. Puede variar la cadena, pero esto es simplemente un ejemplo de una forma en que podría hacerse:

MENOS

@selector1: ~''#master'';
@selector2: ~''@{selector1} #leftcontent'';
@selector3: ~''@{selector1} #rightcontent'';
@{selector2} div,
@{selector3} div {
background-color: #fff;
}
@{selector2} a,
@{selector3} a {
color: blue;
}

La salida CSS es exactamente como se muestra en la pregunta.