粗談僞類選擇器

僞類選擇器是添加到選擇器的關鍵字，用於指定要選擇的元素的特殊狀態。以：單冒號開始。分爲動態僞類選擇器、結構僞類選擇器、否認僞類選擇器。

動態僞類選擇器：

：link{ }【元素未訪問時的狀態】

：visited{ }【元素已訪問後的裝態】

：focus{ }【被選中時會發生的裝態】

：hover{ }【鼠標懸停在元素時的會發生的狀態】

：active{ }【鼠標點擊時元素髮生的狀態】

注：該順序不能改變，link和visited爲靜態僞類選擇器，可不分前後順序

結構僞類選擇器：用於選中某個元素

一、

：first-child  選中第一個元素

：last-child  最後一個元素

：nth-child(n)  選中第n個元素

示例：section>p:nth-child(3)表示：section下的第3個元素，若是是p則選中

二、選中同元素名相同標籤的第幾個元素

:nth-of-type(n)

示例：section>p:nth-of-type(3)  表示：選中section下的第3個p

三、選中倒數第n個元素

：nth-last-child(n)

否認僞類選擇器

格式：   :not()  除了某個元素，其餘添加樣式

示例：section>p:not(:nth-child(3))  除了第3個p其餘添加樣式

格式：除了某幾個元素，其餘添加樣式

：not(  )：not（）