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

前端之家收集整理的这篇文章主要介绍了如何在LessCSS中动态设置CSS类名?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要为CSS类添加一个动态名称,以创建一个更具体的decendent选择器.

这是我的Less代码

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

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

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

解决方法

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

你必须使用括号和一个转义字符串…例如

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

编辑

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

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

猜你在找的CSS相关文章