CSS3中序選擇器功能讓網頁中標籤新增樣式提供了方便，減少了 id 和class 的使用。

下面以 為 p 標籤新增樣式為例

p:frist-child 這個選擇器代表的是網頁中同等級別的標籤，第一個如果為p 標籤時，實現其樣式。

p:last-child 有了第一個，就有最後一個，這個表示為同等級別標籤中，如果最後一個標籤為p 標籤，實現其樣式。

p:nth-child() 這個選擇器的括號中可以填入我們需要制定的位置，如果在同等級標籤中，對應位置上為 p 標籤的話，就實現其樣式。

p:nth-last-child() 這個是倒數的意思，即同等級標籤中，由後開始數起，對應位置上如果為 p 標籤的話，就實現其樣式。

p:only-child 這個標籤代表的是同等級標籤中，如果單單存在一個 p 標籤，不存在其他的標籤時，實現其樣式。

上面的序選擇器都屬於同等級不同型別標籤時，但是實際情況下，我們總要拜託其他標籤來實現功能，所以序選擇器還提供下面的功能。

p:frist-of-type 這個選擇器與frist-child 類似，但是它會在同等級標籤中忽略掉 p 以外的其他標籤來進行選擇。

p:last-of-type 同樣的，有第一個就有最後一個，同等級中相同型別的最後一個實現樣式。

p:nth-of-type() 在這個括號中填入的值將在同等級同類型的標籤中，實現對應位置的樣式。

p:nth-last-of-type()

p:only-of-type 這個代表的是，如果在同一等級中，p標籤只存在一個時，實現其樣式。

出了上面的是個寫法之外，CSS3的序選擇器的nth-child 、nth-last-child、nth-of-type、nth-last-of-type中，還提供能了函式功能（xn+y）

其中 x 和 y 為程式設計師使用，n 代表著當前標籤的數目，預設由0開始，知道標籤數目結束。

如果想要實現單數個有樣式，雙數個無樣式，可以為2n+1；想要實現雙數個有樣式，單數個無樣式，可以為2n+0。

CSS3還提供了英文寫法方便了上面函式的書寫，如果想實現單數個有樣式，雙數個無樣式，也可以直接使用英文odd

直接使用英文even，即為偶數的意思，可以實現雙數個有樣式，單數個無樣式。

方便了書寫函式的麻煩。~\(≧▽≦)/~