less中 的一點方法

2021-09-13 22:33:49 字數 921 閱讀 4120

前言

在寫vue元件的時候,css使用的是less。有乙個樣式,總是出不來,後來查了下是自己對於less的用法不了解。下面直接上**。

.head

&.body

}

這段less編譯之後為:

.head 

.head .content

.head.body

這裡我們可以看到在類前面新增了&之後,編譯之後的css變為且的關係,而沒有使用&的css是父子的關係。

這裡需要注意.a.b和.a .b之間的區別,.a.b 是且的關係意思就是2者必須都具備,而.a .b是上下級,父子關係

.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

&會把所有的可能性都排列出來。

學單詞的一點方法

一 背單詞需要遵循的原則 1.信心原則 背單詞之前一定要給自己信心,我肯定背的完,我今天就一定會記住,不管怎樣,我都要記住。如果你沒有信心,就會導致自己背誦的時候目標鬆懈,感覺單詞很難,自己還有明天。這就導致你天天都在背abandon。2.時間分配原則 要多次重複,忌一次詳細 這十個字是真諦。很多人...

對付冰刀的一點點方法

總引篇 rt決定寫這篇可以教壞小孩子的文章的原因是rootkit實在寫的鬱悶了,出來散散心。c 程序篇 xm mpb 實話說,我覺得你都drv了,還他媽什麼程序,乾脆都ring0不好嗎?對於icesword不使用從可愛的swap鏈上找 人我表示感謝,但是不代表其他anti不會,單說icesword ...

ognl以及令牌以及開頭的一點方法

向 valuestack中儲存資料 得到值棧的第一種方式 真麻煩 actioncontext actioncontext actioncontext getcontext mapreqmap map actioncontext.get request valuestack valuestack va...