前端之家收集整理的这篇文章主要介绍了
如何在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;
}
原文链接:https://www.f2er.com/css/215446.html