less是一種動態樣式語言,
less 將 css 賦予了動態語言的特性,如變數, 繼承,運算, 函式. less 既可以在 客戶端 上執行 (支援ie 6+, webkit, firefox),也可以借助node.js或者rhino在服務端執行。
, 非常好用
一、變數
必須先定義,再使用
@bg-default:#707070;
.topbar {
background: @bg-default;
二、巢狀
.list {
width: 800px;
margin: 30px auto;
li {
height: 30px;
line-height: 30px;
background-color: pink;
參考文章:
Less學習筆記
less類似於jquery,是乙個庫。是一種動態樣式語言,屬於css預處理語言的一種,它使用類似css的語法,為css賦予了動態語言的特性,如變數 繼承 運算 函式等,更方便css的編寫和維護。1 混合變數例如 border 如果.div也想用這個樣式直接寫 複製 div 複製 2 變數沒帶值 bo...
Less學習筆記
less類似於jquery,是乙個庫。是一種動態樣式語言,屬於css預處理語言的一種,它使用類似css的語法,為css賦予了動態語言的特性,如變數 繼承 運算 函式等,更方便css的編寫和維護。1 混合變數例如 border 如果.div也想用這個樣式直接寫 複製 div 複製 2 變數沒帶值 bo...
學習筆記 Less
less is more than css 少即是多,比css 什麼是less?nodejs庫 瀏覽器端使用 koala的基本使用less的注釋 內容是被編譯的,保留進.css檔案中 內容不被編譯,不出現在.css檔案中 宣告變數,以 開頭,如 變數名 值 w 500px h 300px box不帶...