CSS sınıf adı LessCSS'de dinamik olarak nasıl ayarlanır?

Question

Daha spesifik bir seçim seçici oluşturmak için CSS sınıfına dinamik bir ad eklemem gerekiyor.

İşte benim Az kodudur:

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

Ama LINE2 bir ayrıştırıcı hatası alıyorum.

CSS sınıf adını LessCSS'de dinamik olarak ayarlamanın bir yolu var mı?

Answer 1

Destek Sen parantez ve bir kaçan dize kullanmak zorunda 1.3

sürümünde less.js ve dotless eklendi .. mesela Bu biçim kullanımdan kaldırılmıştır

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

Düzen. az 1.3.1 (less.js halen sadece gövde yapısı) içeride bütün seçici koymak gerekebilir

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

Answer 2

beklenen çıktı üretmesi

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