【前端框架學習筆記】LessCSS(3):語法(2)

今天繼續上周的內容,接下來講的是“混合”。


混合被稱為“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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,814評論 1 92
  • 先安利我最近看的一部電視劇吧:《雞毛飛上天》,講浙江義烏小商品市場怎么發展起來的故事,以小積大呀,所以我們的基礎一...
    Iris_mao閱讀 614評論 0 6
  • 雨后的清風 凜然綻放的花朵 還有觸及不到的笑容 心中的孤獨 對你的愛戀 依舊傳達不出 渺渺的感情 深深的思戀 我與...
    淺汝閱讀 385評論 2 10
  • 感恩今天有時間陪孩子玩耍。女兒最近特別可笑,像個小大人。告訴我,媽媽你別玩手機,跟悅溪玩。我給你洗洗頭吧???,然...
    悅心慧兒閱讀 270評論 0 1
  • 剛看完一個故事,里面有一段對話是這樣的: “那你們為什么會在一起?”“因為我們接受了彼此原本的樣子,大概吧?”“而...
    我愛一個幼稚鬼閱讀 398評論 0 2