日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

描述

如果你想在表達(dá)式上匹配簡(jiǎn)單的值或參數(shù)數(shù)量，那么你可以使用Guards。 它與mixin聲明相關(guān)聯(lián)，并包括附加到mixin的條件。 每個(gè)mixin將有一個(gè)或多個(gè)由逗號(hào)分隔的防護(hù)，并且guard必須括在括號(hào)中。 LESS使用Guards的mixins而不是if / else語(yǔ)句，并執(zhí)行計(jì)算以指定匹配的mixin。

10年積累的做網(wǎng)站、成都網(wǎng)站建設(shè)經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶(hù)對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶(hù)得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先做網(wǎng)站后付款的網(wǎng)站建設(shè)流程，更有梁平免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

下表描述了不同類(lèi)型的mixins guard以及描述。

S.N.	類(lèi)型及描述
1	Guard比較運(yùn)算符 您可以使用比較運(yùn)算符(=)來(lái)比較數(shù)字，字符串，標(biāo)識(shí)符等。
2	Guard邏輯運(yùn)算符 您可以使用和關(guān)鍵字處理帶有Guards的邏輯運(yùn)算符。
3	類(lèi)型檢查函數(shù) 它包含內(nèi)置函數(shù)來(lái)確定匹配mixins的值類(lèi)型。
4	Less Mixin Guards LESS使用默認(rèn)函數(shù)將mixin與其他mixing進(jìn)行匹配。

例子

下面的例子演示了在LESS文件中使用mixin guard:

   
   


   
Example of Mixin Guards
   
Hello World...
   
Welcome to Tutorialspoint...

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

style.less

.mixin (@a) when (lightness(@a) >= 50%) {
   font-size: 14px;
}
.mixin (@a) when (lightness(@a) < 50%) {
   font-size: 16px;
}
.mixin (@a) {
   color: @a;
}
.class1 {
   .mixin(#FF0000)
}
.class2 {
   .mixin(#555)
}

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

lessc style.less style.css

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


style.css

.class1 {
  font-size: 14px;
  color: #FF0000;
}
.class2 {
  font-size: 16px;
  color: #555;
}

輸出

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

• 將上面的html代碼保存在 mixin-guard.html 文件中。

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

---

分享名稱(chēng)：創(chuàng)新互聯(lián)less教程：LessMixinGuards
本文路徑：http://www.dlmjj.cn/article/cdijdio.html