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

描述

分離的規(guī)則集包含一個普通的規(guī)則集，如屬性，嵌套規(guī)則集，變量聲明，mixins等。它存儲在一個變量中，并包含到其他結(jié)構(gòu)中，其中規(guī)則集的所有屬性都將被復(fù)制到該結(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)用者和定義范圍都可用。 當(dāng)兩個范圍包含相同的mixin或variable時，聲明范圍獲取優(yōu)先級。 分離的規(guī)則集體在聲明范圍中定義。 在將分離的規(guī)則集從一個變量復(fù)制到另一個變量后，它不會更改其范圍。

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

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

當(dāng)前文章：創(chuàng)新互聯(lián)less教程：Less將規(guī)則集傳遞給Mixins
URL標(biāo)題：http://m.5511xx.com/article/cocspps.html