CSS 關於less中 的作用

2021-10-06 12:17:31 字數 1147 閱讀 7424

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

lesssass的區別

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...