2012-04-14 14 views
7

Tengo una variable @index y quiero generar un selector para que cuando @index es 3, el selector sea [data-sth="3"]. ejemploUtilizando una variable en un selector en LESS

más larga:

@index: 3; 
/* selector here */ { 
    color: red; 
} 

salida deseada:

[data-sth="3"] { 
    color: red; 
} 

he intentado un par de cosas, pero no han logrado conseguir cualquier cosa que funciona, sin embargo.

Gracias.

Respuesta

9

Ver Variable Interpolation. Es decir:

[data-sth="@{index}"] { 
    color: red; 
} 

respuesta original (menos versiones antes 1.40):

El siguiente código debería funcionar:

(~'[data-sth="@{index}"]') { color: red; }

El ~ elimina las comillas .

+1

¡Gracias! Los parens también son significativos. –

Cuestiones relacionadas