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

描述

分離的規(guī)則集包含一個普通的規(guī)則集，如屬性，嵌套規(guī)則集，變量聲明，mixins等。它存儲在一個變量中，并包含到其他結(jié)構(gòu)中，其中規(guī)則集的所有屬性都將被復制到該結(jié)構(gòu)。

例子

以下示例將規(guī)則集傳遞到LESS文件中的mixin:

passing_ruleset.htm

	



   
Welcome to W3Cschool
   
The largest Tutorials Library on the web.

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

style.less

@detached-ruleset: {
    .mixin() {
        font-family: "Comic Sans MS";
        background-color: #AA86EE;
    }
};

.cont {
    @detached-ruleset();
    .mixin();
}

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

lessc style.less style.css

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

style.css

.cont {
  font-family: "Comic Sans MS";
  background-color: #AA86EE;
}

輸出

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

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

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

范圍

分離的規(guī)則集中的所有變量和混合宏在被調(diào)用或定義的地方都可用，否則調(diào)用者和定義范圍都可用。 當兩個范圍包含相同的mixin或variable時，聲明范圍獲取優(yōu)先級。 分離的規(guī)則集體在聲明范圍中定義。 在將分離的規(guī)則集從一個變量復制到另一個變量后，它不會更改其范圍。

下表列出了所有類型的范圍:

S.N.	類型及描述
1	定義和調(diào)用范圍可見性 變量和mixin在分離的規(guī)則集中定義。
2	引用將不會修改分離的規(guī)則集范圍 僅僅給出引用，規(guī)則集不訪問任何新的范圍。
3	解鎖將修改分離的規(guī)則集范圍 分離的規(guī)則集可以通過導入到范圍中來訪問。

本文標題：創(chuàng)新互聯(lián)less教程：Less將規(guī)則集傳遞給Mixins
標題URL：http://www.dlmjj.cn/article/cocspps.html