Necesito agregar un nombre dinámico a una clase CSS para crear un selector descendente más específico.¿Cómo establecer el nombre de la clase CSS dinámicamente en LessCSS?
Aquí es mi Menos código:
@scope: name; //line1
[email protected] .ui-widget{ color: #fff} //line2
Pero estoy recibiendo un error de procesamiento en línea 2.
¿Hay alguna manera de establecer dinámicamente el nombre de la clase CSS en LessCSS?
apoyo se añadió a less.js y sin punto en la versión 1.3
Tienes que utilizar soportes y una cadena de escape .. por ejemplo,
(~"[email protected]{scope} .another") {
color: #fff;
}
Editar
está en desuso Este formato. 1.3.1 menor (actualmente solo tronco acumulación de less.js) soporta una sintaxis más simple
[email protected]{scope} .another-class {
color: white;
}
Pruebe el siguiente código para obtener el resultado esperado
@scope: name;//line1
(~"[email protected]{scope} .ui-widget") { color: #ffbbff} //line2
puede que tenga que poner todo el interior del selector citas, no puedo recordar. –
Su fragmento funciona bien –
Funciona muy bien, asegúrese de actualizar a LessApp 2.7 (no funcionaba en 2.6) –