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.