日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

Loops語句允許我們多次執(zhí)行一個(gè)語句或一組語句。 當(dāng)遞歸mixin與 Guard表達(dá)式和模式匹配組合時(shí)，可以創(chuàng)建各種迭代/循環(huán)結(jié)構(gòu)。

例子

下面的例子演示了在LESS文件中使用循環(huán):

loop_example.htm

   



   
Welcome to W3Cschool
   
The largest Tutorials Library on the web. 

接下來，創(chuàng)建文件 style.less

風(fēng)格

.cont(@count) when (@count > 0) {
  .cont((@count - 1));
  width: (25px * @count);
}
div {
  .cont(7);
}

您可以使用以下命令將 style.less 文件編譯為 style.css :

lessc style.less style.css

接下來執(zhí)行上面的命令，它將用下面的代碼自動創(chuàng)建 style.css 文件:

style.css

div {
  width: 25px;
  width: 50px;
  width: 75px;
  width: 100px;
  width: 125px;
  width: 150px;
  width: 175px;
}

輸出

讓我們執(zhí)行以下步驟，看看上面的代碼如何工作:

• 將上述html代碼保存在 loop_example.htm 文件中。

• 在瀏覽器中打開此HTML文件，將顯示如下輸出。

---

網(wǎng)站欄目：創(chuàng)新互聯(lián)less教程：Less循環(huán)
URL標(biāo)題：http://m.5511xx.com/article/dhephop.html