html - 在更少的CSS中，有没有一种方法可以将选定的元素ID或类传递给Mixin？

.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）;
    }
但我希望它可以更自动化地适应我想要的任何尺寸
所以我试图做一个混合，我可以传递给类名来简化它。

最佳答案

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

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

所以那不是。



一些额外的信息：

LESS是CSS预处理程序，这意味着它可以在浏览器将任何内容加载到页面之前进行处理。希望您正在使用编译器将LESS编译为CSS，而不是编译客户端（不建议这样做）。

关于html - 在更少的CSS中，有没有一种方法可以将选定的元素ID或类传递给Mixin？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20154430/