CSS3中序選擇器功能讓網(wǎng)頁(yè)中標(biāo)簽添加樣式提供了方便，減少了 id 和class 的使用。

下面以 為 p 標(biāo)簽添加樣式為例

p:frist-child 這個(gè)選擇器代表的是網(wǎng)頁(yè)中同等級(jí)別的標(biāo)簽，第一個(gè)如果為p 標(biāo)簽時(shí)，實(shí)現(xiàn)其樣式。

p:last-child 有了第一個(gè)，就有最后一個(gè)，這個(gè)表示為同等級(jí)別標(biāo)簽中，如果最后一個(gè)標(biāo)簽為p 標(biāo)簽，實(shí)現(xiàn)其樣式。

p:nth-child() 這個(gè)選擇器的括號(hào)中可以填入我們需要制定的位置，如果在同等級(jí)標(biāo)簽中，對(duì)應(yīng)位置上為 p 標(biāo)簽的話(huà)，就實(shí)現(xiàn)其樣式。

p:nth-last-child() 這個(gè)是倒數(shù)的意思，即同等級(jí)標(biāo)簽中，由后開(kāi)始數(shù)起，對(duì)應(yīng)位置上如果為 p 標(biāo)簽的話(huà)，就實(shí)現(xiàn)其樣式。

p:only-child 這個(gè)標(biāo)簽代表的是同等級(jí)標(biāo)簽中，如果單單存在一個(gè) p 標(biāo)簽，不存在其他的標(biāo)簽時(shí)，實(shí)現(xiàn)其樣式。

上面的序選擇器都屬于同等級(jí)不同類(lèi)型標(biāo)簽時(shí)，但是實(shí)際情況下，我們總要拜托其他標(biāo)簽來(lái)實(shí)現(xiàn)功能，所以序選擇器還提供下面的功能。

p:frist-of-type 這個(gè)選擇器與frist-child 類(lèi)似，但是它會(huì)在同等級(jí)標(biāo)簽中忽略掉 p 以外的其他標(biāo)簽來(lái)進(jìn)行選擇。

p:last-of-type 同樣的，有第一個(gè)就有最后一個(gè)，同等級(jí)中相同類(lèi)型的最后一個(gè)實(shí)現(xiàn)樣式。

p:nth-of-type() 在這個(gè)括號(hào)中填入的值將在同等級(jí)同類(lèi)型的標(biāo)簽中，實(shí)現(xiàn)對(duì)應(yīng)位置的樣式。

p:nth-last-of-type() 實(shí)現(xiàn)倒數(shù)同等級(jí)相同類(lèi)型標(biāo)簽的樣式

p:only-of-type 這個(gè)代表的是，如果在同一等級(jí)中，p標(biāo)簽只存在一個(gè)時(shí)，實(shí)現(xiàn)其樣式。

出了上面的是個(gè)寫(xiě)法之外，CSS3的序選擇器的nth-child 、nth-last-child、nth-of-type、nth-last-of-type中，還提供能了函數(shù)功能（xn+y）

其中 x 和 y 為程序員使用，n 代表著當(dāng)前標(biāo)簽的數(shù)目，默認(rèn)由0開(kāi)始，知道標(biāo)簽數(shù)目結(jié)束。

如果想要實(shí)現(xiàn)單數(shù)個(gè)有樣式，雙數(shù)個(gè)無(wú)樣式，可以為2n+1；想要實(shí)現(xiàn)雙數(shù)個(gè)有樣式，單數(shù)個(gè)無(wú)樣式，可以為2n+0。

CSS3還提供了英文寫(xiě)法方便了上面函數(shù)的書(shū)寫(xiě)，如果想實(shí)現(xiàn)單數(shù)個(gè)有樣式，雙數(shù)個(gè)無(wú)樣式，也可以直接使用英文odd，即為奇數(shù)的意思，同樣能實(shí)現(xiàn)效果。

直接使用英文even，即為偶數(shù)的意思，可以實(shí)現(xiàn)雙數(shù)個(gè)有樣式，單數(shù)個(gè)無(wú)樣式。

方便了書(shū)寫(xiě)函數(shù)的麻煩。~/(≧▽≦)/~