在更少的CSS中，是否有一种方法可以将选定的Elments 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，而不是编译客户端（不建议这样做）。