偽類選擇器是通過冒號來定義，它定義了元素的狀態，如點擊按下，點擊完成等，通過偽類可以為元素的狀態修改樣式。

偽類選擇器的功能和一般的DOM中的元素樣式相似，但和一般的DOM中的元素樣式不一樣，它并不改變任何DOM內容。

只是插入了一些修飾類的元素，這些元素對于用戶來說是可見的，但是對于DOM來說不可見。

偽類選擇器的效果可以通過添加一個實際的類來達到。

偽類選擇器主要可以分為：動態偽類選擇器、UI元素狀態偽類選擇器、結構偽類選擇器、否定偽類選擇器。

css選擇器優先級核心：每個選擇器本身有優先級，作用范圍越具體優先級越高。

CSS優先級從高到低分別是：

1.在屬性后面使用 !important 會覆蓋頁面內任何位置定義的元素樣式。

2.作為style屬性寫在元素標簽上的內聯樣式

3.id選擇器

4.類選擇器

5.偽類選擇器

6.屬性選擇器

7.標簽選擇器

8.通配符選擇器

9.瀏覽器選擇器

當CSS樣式的規則由多個選擇器組成時，id選擇器的權值為1000，class選擇器為100，標簽選擇器為10，按權值求和的記過高低決定哪個優先。當兩個css規則的權值相同時，誰更具體用誰，也就是權值高的選擇器作用的越具體優先級越高。當兩個選擇器規則和權值都是一樣，后面樣式會覆蓋前面的！

1.類選擇器（class選擇器）

基本使用：

.類選擇器{

屬性名: 屬性值;

...}

2.id選擇器

基本使用：

#id選擇器{

屬性名: 屬性值;

...

}

3. html元素選擇器

某個html元素{

屬性名: 屬性值;

...

}

4.通配符選擇器

該選擇器可以用到所有的html元素，但是其優先權最低

*{

屬性名: 屬性值;

...

}

1、css3新增的超級選擇器：屬性選擇器、結構性偽類選擇器、UI元素狀態偽類選擇器、通用兄弟元素選擇器

2、使用選擇器在頁面中插入文字、圖片、項目編號等內容

3、文字陰影與自動換行

4、各類盒模型：總體分為block類型和in line類型，在細分為inline-block類型、inline-table類型、list-item類型、run-in類型、compact類型、表格相關類型、none類型

5、盒模型相關的屬性：overflow屬性（內容溢出）、box-shadow屬性（盒陰影）、box-sizing屬性（寬高計算）

6、新增的背景樣式backround-clip屬性、backround-origin屬性、backround-size屬性、backround-break屬性

7、新增的邊框樣式：border-radius屬性（圓角邊框）、border-image屬性（圖片邊框）

8、新增的 transform變形功能：rotate（旋轉）、scale（縮放）、skew（傾斜）、translate（移動）

9、新增的動畫功能：transition（平滑過渡）、animation（關鍵幀）

10、布局相關樣式：多欄布局、盒布局、彈性盒布局

11、兼容性問題