如何LessCSS动态设置的CSS类的名字吗？(How to set the CSS class n

我需要一个动态的名字添加到CSS类来创建一个更具体的decendent选择。

这是我更少的代码：

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

但我在2号线获取解析器错误。

有没有办法在LessCSS动态设置的CSS类的名字吗？

Answer 1:

支持加入less.js和带点1.3版

你必须使用括号和转义字符串..如

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

编辑

这种格式已经过时了。 1.3.1少（目前只有主干less.js的版本）支持简单的语法

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

Answer 2:

尝试下面的代码，以获得预期的输出

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

文章来源: How to set the CSS class name dynamically in LessCSS?