在更少的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，而不是編譯客戶端（不建議這樣做）。