邯鄲網站(zhàn)建設講解CSS3 :nth-child() 的(d&​♦¥e)知(zhī)識

　　邯鄲網站(zhàn)建設講解CSS3:nth-child()​"→♥的(de)知(zhī)識，CSS3中nth-child()僞≤♣✘類對(duì)于在HTML中創建格式化(÷σhuà)的(de)Excel樣式表非常有 δ<(yǒu)用(yòng)。也(yě)用(yòng)于生(shēng)成↕★網格布局而不(bù)必求助于表格。

　　首先我們來(lái)了(le)解一(yī)下(xià)∑<™nth-child()僞類的(de)相(xiàng)‌β₽←關知(zhī)識。

　　nth-child()僞類的(de)基本規則：

　　我們使用(yòng)的(de)語法是(shì)：nth-chi≈ λld（an+b）其中a是(shì)頻(pín)率≤↑☆，b是(shì)初始偏移量。這(zhè)生(shēng)成了§≤₹(le)一(yī)個(gè)從(cóng)n=0開(kāi)始的(d→"¥e)無限級數(shù)，但(dàn)隻包含正值。≤♠

　　一(yī)些(xiē)例子(zǐ)可(kě)能(néng)會↓§α(huì)使這(zhè)更清楚：

　　2n，2n+0

　　2,4,6,8,10,12......

　　2n+1或奇數(shù)

　　1,3,5,7,9,11......​≥∏

　　2n+2

　　2,4,6,8,10,12......

　　2n+3

　　3,5,7,9,11,12......

　　2n+4

　　4,6,8,10,12,14......

　　3n，3n+0或3n+3

　　3,6,9,12,15,18......

　　3n+1

　　1,4,7,10,13,16......

　　因此，你(nǐ)可(kě)以看(kàn)到(dào€π≥)系列從(cóng)b開(kāi)始，然後為(wèi)每個(gè)值增加a。跳∏♥(tiào)過任何零或負的(de)結果意味著(zhe)我們不(₩∏≈bù)能(néng)在DOM樹(shù)中向後看(kàn)。

　　nth-child部分(fēn)用(y‍✔©♦òng)法如(rú)下(xià)

　　:nth-child(2)選取第幾個(gè₹→©✔)标簽，“2可(kě)以是(shì)你(nǐ)想要✔ (yào)的(de)數(shù)字”

　　.demo01li:nth-child(2){background:#®  ↕090}

　　:nth-child(n+4)選取大(dà)于等于4标簽，“n”表‍♥♦φ示從(cóng)整數(shù)，下(xià)同

　　.demo01li:nth-child(n+4){backgrouλ↑λnd:#090}

　　:nth-child(-n+4)選取小(xiǎo)于等于4标簽

　　.demo01li:nth-child(-n+4){backgro±≤und:#090}

　　:nth-child(2n)選取偶數(shù)标簽，2n也(yě)可(k₽$♥↕ě)以是(shì)even

　　.demo01li:nth-chilβαφ→d(2n){background:#090}

　　:nth-child(2n-1)選取奇數"φ(shù)标簽，2n-1可(kě)以是(shì)∞ε€¥odd

　　.demo01li:nth-child(2n-1)↓≈{background:#090}

　　:nth-child(3n+1)自(zì)定義選取标簽，βφε✘3n+1表示“隔二取一(yī)”

　　:first-child選取第一(yī)個(gè)标簽

　　:last-child選取最後一(yī)個(gè←σ)标簽

　　:nth-child(2)選取第二個♣< ₽(gè)标簽

　　:nth-child(n)選取第N個(gè)标簽

　　:nth-child(2n):nth-child(e↕Ωven)選取偶數(shù)标簽

　　:nth-child(2n+1):nth-child(oφ→dd)選取奇數(shù)标簽

　　:nth-child(n+4)選取大(dà)于等于4的(de)标→•&簽

　　:nth-child(-n+4)選取小(xiǎo)于等于4的(de ♥±≤)标簽

　　:nth-child(3n+1)自(zì)定→‍≥≥義選擇标簽，n取0開(kāi)始，隔二取一(yī)個 ♠£®(gè)标簽

　　:nth-last-child(2)↑¥‌λ選取倒數(shù)第二個(gè)标簽

　　:nth-last-child(n)選取倒數(shù)第N個(€≤Ωπgè)标簽