Less 映射(Maps)和 作用域(Scope)用法


從 Less 3.5 版本開始,你還可以將混合(mixins)和規則集(rulesets)作為一組值的映射(map)使用。

#colors() {
primary: blue;
secondary: green;
}

.button {
color: #colors[primary];
border: 1px solid #colors[secondary];
}
輸出符合預期:

.button {
color: blue;
border: 1px solid green;
}

Less 中的作用域與 CSS 中的作用域非常類似。首先在本地查找變量和混合(mixins),如果找不到,則從“父”級作用域繼承。www.djznrobot.com

@var: red;

#page {
@var: white;
#header {
color: @var; // white
}
}
與 CSS 自定義屬性一樣,混合(mixin)和變量的定義不必在引用之前事先定義。因此,下面的 Less 代碼示例和上面的代碼示例是相同的:

@var: red;

#page {
#header {
color: @var; // white
}
@var: white;
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM