Less初始

Less是一門CSS預(yù)處理語(yǔ)言,為了解決CSS中過(guò)于呆板的寫法。

Less =?變量 +?混合 +?函數(shù)

變量

(1)使用 @?符號(hào)定義變量

(2)使用 @?符號(hào)獲取變量

(3)變量為完全的‘常量’,只能定義一次。

混合

(1)定義一些通用的屬性集為一個(gè)class,然后在另一個(gè)class中去調(diào)用。

(2)如果想要隱藏屬性集,不讓它暴露給CSS文件。

(3)帶參數(shù)

(4)參數(shù)設(shè)置默認(rèn)值

(5)多個(gè)參數(shù) @arguments

(6)模式匹配

根據(jù)傳入的參數(shù),來(lái)改變混合的默認(rèn)呈現(xiàn)。

(7)導(dǎo)引

根據(jù)表達(dá)式進(jìn)行匹配

可以使用 and 關(guān)鍵字,實(shí)現(xiàn)與條件。

and關(guān)鍵字

可以使用?逗號(hào),實(shí)現(xiàn)或條件。

逗號(hào)

可以使用 not 關(guān)鍵字,實(shí)現(xiàn)非條件。

not關(guān)鍵字

嵌套規(guī)則

運(yùn)算

命名空間

作用域

import

引入 .less 文件,后綴可省略。

@import 'lib.less'

@import 'lib'

字符串插值

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 27,646評(píng)論 1 45
  • 1、LESS的官網(wǎng):http://lesscss.org 2、Sass官網(wǎng)地址:http://sass-lang....
    Howie223閱讀 3,745評(píng)論 0 5
  • 程序創(chuàng)建完之后,我們需要需要對(duì)著色器進(jìn)行動(dòng)態(tài)控制才能達(dá)到我們所需要的功能。(如不知道怎么創(chuàng)建WebGL,可參考上篇...
    三石青韋閱讀 1,168評(píng)論 1 2
  • 寫這篇文章之前,我在微博等平臺(tái)查找資料,想繼續(xù)有關(guān)娛樂(lè)圈的主題。寫這篇文章之時(shí),閨女不知道是不是因?yàn)樽鰤?mèng),吭嘰了好...
    小瑜游游游閱讀 400評(píng)論 0 0
  • 劉琳焦點(diǎn)講師班堅(jiān)持第401天原創(chuàng)分享(2018/7/7) 今天是高級(jí)督導(dǎo)班的第一天課程,見到了之前只是熟悉...
    小溪與大海閱讀 168評(píng)論 0 1