Less選擇器- Less教學 - 億聚網
文章推薦指數： 80 %
LESS is a CSS pre-processor that enables customizable, manageable and reusable style sheet for web site. LESS is a dynamic style sheet language that extends the ...
億聚網課程目錄首頁文章聯繫我們SearchLess教程Less教學Less安裝Less嵌套規則Less運算符Less轉義Less函數Less命名空間和訪問器Less作用域Less註釋Less導入Less變量概述Less選擇器LessURLsLessimport語句Less變量插值屬性Less變量插值Less變量名Less變量延遲加載Less缺省變量Less變量Less經典用例Less合併風格及高級混入Less擴展附加到選擇器Less擴展內部規則集Less擴展嵌套選擇器Less使用擴展精確匹配Lessnth表達式Less擴展allLess選擇器插值擴展Less作用域及擴展@mediaLess重複檢測Less擴展Less不輸出混合類型Less在混合類型的選擇器Less混合命名空間Less守護命名空間Less!important關鍵字Less混合類型LessMixins使用多參數Less命名參數Less@arguments變量Less高級參數和@rest變量Less模式匹配Less參數化混合Less混合作用域LessMixin和返回值Less混合在另一個混合中Less混合作爲參數Less傳遞規則集到混合Less導入指令Less導入選項reference關鍵詞Less導入選項inline關鍵詞Less變量概述LessURLsLess選擇器瀏覽人數：345最近更新：2020年10月13日選擇器可以引用任何變量，它是在編譯時構建的。
變量名稱必須放在花括號內({})前綴爲@符號。
示例
下面的例子演示瞭如何使用選擇器在Less文件：
LESSselectors
WelcometoYiibaiYiibai
LESSisaCSSpre-processorthatenablescustomizable,manageableandreusablestylesheetforwebsite.
LESSisadynamicstylesheetlanguagethatextendsthecapabilityofCSS.LESSisalsocrossbrowserfriendly.
接下來，創建文件 style.less。
style.less
@selector:h2;
@{selector}{background:#2ECCFA;}
你可以編譯 style.less 使用下面的命令來生成 style.css 文件：
lesscstyle.lessstyle.css
接着執行上面的命令，它會自動創建 style.css文件，下面的代碼：
style.css
body{background:#2ECCFA;}
輸出
讓我們來執行以下步驟，看看上面的代碼工作：
保存上述的HTML代碼到 less_variables_interpolation_selectors.html文件 。
在瀏覽器中打開該HTML文件，得到如下輸出顯示。
ShareFacebookTwitterEmailLess變量概述LessURLs0條評論，你可以發表評論，我們會進行改進提交
延伸文章資訊
- 1用LESS 寫CSS ( 入門、Import、變數)
... 貌似再安裝SASS 又有點多此一舉了，所以就直接轉戰LESS 這套以JavaScript 為基底的 ... 一寫就寫了半年以上，也算是有點心得，可以來寫幾篇LESS 教學，順便記錄一下。
- 2less 基础教学_m0_59795537的博客
less 是一门css扩展语言，里面提供的功能更方便我们开发。 less是利用javascript将less文件转换为css文件。 ①变量. 在javascript中变量与less中的 ...
- 3Less 教程_w3cschool - 编程狮
LESS是一个CSS预处理器，可以为网站启用可自定义，可管理和可重用的样式表。 本教程将帮助学生以及希望使他们的网站或个人博客更具吸引力的专业人士更好地学习LESS。
- 4[JavaScript] [CSS] LESS.js 介紹 - iT 邦幫忙
如果你希望加速你修改CSS 的能力，或是你希望在聽到客戶的新需求後( 例如：希望能把所有的按鈕變成綠色的) ，能夠在5 分鐘之內修改好給它，你就可以考慮用看看LESS.js.
- 5Less 快速入门| Less.js 中文文档- Less 中文网
Less 扩充了CSS 语言，增加了诸如变量、混合（mixin）、运算、函数等功能。 Less 既可以运行在服务器端（Node.js 和Rhino 平台）也可以运行在客户端（浏览器）。
