less中的loop迴圈

2021-08-25 11:06:40 字數 598 閱讀 2649

在專案中管理css一般都會使用預編譯語言,其中less算是比較好用的一種。

但是官方給的介紹中關於迴圈生成變數名的方法比較簡單,沒有針對一串陣列值來編譯變數名的方法。

總結很多文件之後,總結了下面方法用於快速生成css的方法,雖然直接用手寫的方式也能使用,但是感覺那樣很low。

//下面是使用函式生成margin類名的方式

//定義margin陣列

@0px:0px;//使用px單位時有個坑,必須採用+的方式,不然編譯的不對

@marginlist:1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,24,30,40,48,50,75;

//margin-left函式

.ml-loop(@list,@i:1,@val:extract(@list,@i)) when (length(@list)>=@i)

.ml-loop(@list,(@i+1));

}.ml-loop(@marginlist);

//生成的目標類名

.ml1

.ml2

...

less中迴圈的使用

class ul thead v for item,index in historylist key index p p p p p p p p p p li ul 在使用ul,li標籤實現類似於table 的樣式時,需要設定p標籤的寬度,之前都是使用nth child index 的方法來操作,但...

Oracle中的loop迴圈的例子

oracle中的loop迴圈的例子 第一 loop.exit when.end loop sql declare temp salary employee.salary type temp emp employee rowtype cursor mycursor is select from emp...

oracle for迴圈loop的工作機制

構建測試用例的思路是 loop迴圈進行資料處理的時候是先得到結果集再進行主體邏輯處理還是一邊迴圈得到結果,一邊處理主體邏輯!建立測試用表 create table t id number,month varchar2 20 create table t1 id number,log date dat...