web前端開發(fā)是干嘛的 css樣式中有什么標(biāo)簽選擇器?
css樣式中有什么標(biāo)簽選擇器?CSS選擇器,優(yōu)先級(jí)和匹配原則1。ID選擇器(#myid)2。類選擇器(。我的類名)3。標(biāo)簽選擇器(div,H1,P)4。相鄰選擇器(H1,P)5。副選擇器(UL<
css樣式中有什么標(biāo)簽選擇器?
CSS選擇器,優(yōu)先級(jí)和匹配原則
1。ID選擇器(#myid)2。類選擇器(。我的類名)3。標(biāo)簽選擇器(div,H1,P)4。相鄰選擇器(H1,P)5。副選擇器(UL< Li)6。后代選擇器(Li a)7。通配符選擇器(*)8。屬性選擇器(a[rel=“external”)9。偽類選擇器(A:hover,Li:nth child)ID選擇器的效率最高,而偽類選擇器的效率最低。CSS的權(quán)重是1。一般選擇器的權(quán)重為0,0,0,0
2。標(biāo)記的權(quán)重為0,0,0,1
3。類的權(quán)重是0,0,1,0
4。屬性選擇的權(quán)重為0,0,1,0
5。偽類選擇的權(quán)重為0,0,1,0
6。偽對(duì)象選擇的權(quán)重為0,0,0,1
7 ID的權(quán)重為0,1,0,0
8。important的權(quán)重是最高的1,0,0,0使用規(guī)則:將selector的權(quán)重加在一起,較大的優(yōu)先;如果權(quán)重相同,則后一個(gè)優(yōu)先。從上面我們可以得出兩個(gè)關(guān)鍵因素:1。權(quán)重與選擇器的類型和數(shù)量有關(guān)。2樣式的優(yōu)先級(jí)與樣式定義的順序有關(guān)
例如,有許多段落P。如果您想選擇其中一個(gè)段落,可以在該段落中添加類名,例如PPP。你可以這樣做{顏色:紅色}事實(shí)上,你只能選擇使用。PPP,但是把標(biāo)簽和類名一起使用比較準(zhǔn)確,希望采用
1。標(biāo)簽名選擇器div{color:Red}/即頁(yè)面中每個(gè)標(biāo)簽名的CSS樣式
2。類選擇器。分類{顏色:紅色}/也就是說(shuō),CSS樣式在類中定義的每個(gè)標(biāo)記
3。ID選擇器#mydiv{顏色:紅色}/頁(yè)面中標(biāo)記的ID
4。后代選擇器(類選擇器的后代選擇器)。類span{顏色:紅色}/也就是說(shuō),多個(gè)選擇器以逗號(hào)格式命名,以找到精確的標(biāo)簽
5。組選擇器div,span,img{顏色:紅色}例如,如果class type class=“NAV”,那么CSS對(duì)應(yīng)于。例如,body input直接對(duì)應(yīng)于body{}input{}d id selector id=“name”,然后CSS對(duì)應(yīng)于#name{}