CSS中,兩個(gè)class類之間有空格和沒(méi)空格的區(qū)別?
.example .pp{
color: orange;
}
.example.pp2 {
color: green;
}
如上面的兩個(gè)定義一個(gè)是中間有空格,一個(gè)是中間沒(méi)空格。
第一個(gè)class要這樣寫(xiě)生效:
<p class="example">文字文字
<span class="pp">pp這個(gè)class生效</span>
....
</p>
第二個(gè)class要這樣寫(xiě)生效:
<p class="example pp2">
pp2這個(gè)class生效
</p>
.example .pp中間用空格隔開(kāi),表示后代選擇器,選擇的是.example內(nèi)的.pp。
.example.pp2 則是在一個(gè)元素上,這個(gè)元素包括這兩個(gè)類才會(huì)有效果。
另外 less中表示 .example.pp2 的寫(xiě)法:
.example{
&.pp2
}.
繼續(xù)看視頻ing

background簡(jiǎn)寫(xiě)

border的簡(jiǎn)寫(xiě) 要注意順序不能寫(xiě)錯(cuò)

font簡(jiǎn)寫(xiě)

能夠省略,但是要注意順序

margin順時(shí)針

四個(gè)都不能省略,寫(xiě)成3個(gè)意思就不同了

2個(gè)是這樣;1個(gè)就是上下左右了

padding填充簡(jiǎn)寫(xiě);少些元素則跟邊距類似意思

顏色的簡(jiǎn)寫(xiě)