如何在LessCSS中动态设置CSS类名？

Question

我需要为CSS类添加一个动态名称,以创建一个更具体的decendent选择器.

这是我的Less代码:

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

但我在第2行得到一个解析器错误.

有没有办法在LessCSS中动态设置CSS类名？

Answer 1

在版本1.3中,对less.js和dotless添加了支持

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

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

编辑

不推荐使用此格式.less 1.3.1(目前只是less.js的trunk构建)支持更简单的语法

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