vue專案中基本都會使用css的預渲染技術,今天我們來看一下 less 中的&
符號的作用。
talk is cheap, show me the code.
.head
&.body
}
這段 less 編譯之後的 css 為
.head
.head .content
.head.body
結論:
.a.b
和.a .b
之間的區別
class
="a b"
>
div>
class
="a"
>
class
="b"
>
div>
div>
.head
.content &
}
編譯後:
.head
.head .content
.content .head
p, a, ul, li
}
編譯後:
p, a, ul, li
p + p,
p + a,
p + ul,
p + li,
a + p,
a + a,
a + ul,
a + li,
ul + p,
ul + a,
ul + ul,
ul + li,
li + p,
li + a,
li + ul,
li + li
less
和sass
的區別
less快速入門
less中&的一點方法
CSS中zoom的作用
2 樣式排除法 有些複雜的頁面也許載入了 n 個外鏈 css 檔案,那麼逐個刪除 css 檔案,找到 bug 觸發的具體 css 檔案,縮小鎖定的範圍。對於剛才鎖定的問題 css 樣式檔案,逐行刪除具體的樣式定義,定位到具體的觸發樣式定義,甚至是具體的觸發樣式屬性。3 模組確認法 有時候我們也可以從...
css中 important的作用
之前調整css的時候沒有怎麼用過css中important屬性,這段時間調整頁面,看到了這個屬性,了解一下並在修改bug過程中簡單的用了一下。important這個規則對ie6.0,ie7.0和firefox能寫hack 對於ie系列瀏覽器都能夠識別,firefox 瀏覽器則不能識別 importa...
CSS中 important的作用
這個css規則當今在網頁製作的時候的普及已經非常流行了,以前我對它的理解就停留在 瀏覽器是否識別階段 而沒有真正去研究過,可是現在發生了變化。眾所周知,important這個規則對ie6.0,ie7.0和firefox能寫hack,現在就來講解 這是什麼原理 對於ie系列瀏覽器都能夠識別,firef...