今天繼續上周的內容,接下來講的是“混合”。
混合被稱為“CSS預處理器語言中最強大的特性”。它能將一部分樣式抽出,作為單獨定義的模塊,被很多選擇器重復使用(類似JS的函數)。
現在來看看它的具體用法:
假設有已經寫好的名為a,b的兩個類選擇器,b直接引入a的類名,就能把a的屬性照搬過去:?
.a{ width:600px; }?
.b{ .a; }
這個.b在.css文件里面會顯示:
.b{ width:600px; }
帶參數的混合
?@v:600px; //變量可以作為參數使用?
.a(@v){ width:@v; }?
.b1{
?.a(@v); // width:600px;?
}?
.b2{?
.a(10px); //width: 10px;?
}
混合的部分就暫時講到這里。
--------
免責聲明:http://www.lxweimin.com/p/cd9793098eea