在较少的CSS中有没有办法将选定的元素id或类传递给mixin？

Question

.w(@w, @h){
    width: (@widget-w * @w) + (@widget_margin_right * @w);
    height: (@widget-h * @h) + (@widget_margin_bottom * @h);
} 
[class*='w_']{
    .w(1,1);
}

所以在这里我有一个html元素，其中一个类决定了元素的宽度和高度。 像这样.... 而这个div将会是 @ widget-w = 228px; @ widget-h = 194px;

现在我就这样了     .w_1x1 {         .W（1,1）;     }     .w_2x1 {         .W（2,1）;     } 但我希望它能更自动化，以适应我想要的任何尺寸 所以我正在尝试制作一个我可以传入类名的mixin来简化它。

Answer 1

我相信你必须用javascript / jquery做到这一点。 LESS非常适合计算，但它是在页面布局之前编译的。

换句话说，除非在页面已经渲染并设置样式后运行已编译的CSS，否则它将无法动态拉高度或宽度。

所以这是一个不。

---

一些额外信息：

LESS是一个CSS预处理器，这意味着它可以在浏览器加载页面上的任何内容之前进行处理。希望您使用编译器将LESS编译为CSS，而不是编译客户端（不推荐）。