Come impostare dinamicamente il nome della classe CSS in LessCSS?

Question

Devo aggiungere un nome dinamico a una classe CSS per creare un selettore decente più specifico.

Ecco il mio codice Meno:

@scope: name; //line1 
.@scope .ui-widget{ color: #fff} //line2 

Ma sto ottenendo un errore del parser a line2.

C'è un modo per impostare dinamicamente il nome della classe CSS in LessCSS?

Answer 1

supporto è stato aggiunto al less.js e errati privi di punti nella versione 1.3

Devi usare staffe e una stringa di fuga .. per esempio

(~".@{scope} .another") { 
    color: #fff; 
} 

Modifica

Questo formato è deprecato. meno 1.3.1 (attualmente solo tronco build di less.js) supporta una sintassi più semplice

.@{scope} .another-class { 
    color: white; 
} 

Answer 2

Prova il codice sottostante per ottenere i risultati attesi

@scope: name;//line1 
(~".@{scope} .ui-widget") { color: #ffbbff} //line2