- ID選擇器(#my)
- 類選擇器(.my)
- 標(biāo)簽選擇器(div)
- 通配選擇器(**)
- 后代選擇器(ul li)
- 相鄰兄弟選擇器(h1+p)
- 子元素選擇器(ul>li)
- 屬性選擇器(a[rel=‘a(chǎn)ny’])
- 偽類選擇器(a: hover)
樣式繼承
可繼承屬性:font-size, font-family, color
不可繼承的樣式:border, padding, margin, width, height
優(yōu)先級
優(yōu)先級(就近原則):!important > [ id > class > tag ]
!important 比內(nèi)聯(lián)優(yōu)先級高
優(yōu)先級算法計(jì)算
元素選擇符: 1
class選擇符: 10
id選擇符:100
元素標(biāo)簽內(nèi):1000
- !important聲明的樣式優(yōu)先級最高,如果沖突再進(jìn)行計(jì)算。
- 如果優(yōu)先級相同,則選擇最后出現(xiàn)的樣式。
- 繼承得到的樣式的優(yōu)先級最低。
css3新增偽類
p:first-of-type 選擇屬于其父元素的首個(gè)元素
p:last-of-type 選擇屬于其父元素的最后元素
p:only-of-type 選擇屬于其父元素唯一的元素
p:only-child 選擇屬于其父元素的唯一子元素
p:nth-child(2) 選擇屬于其父元素的第二個(gè)子元素
:enabled :disabled 表單控件的禁用狀態(tài)。
:checked 單選框或復(fù)選框被選中