css 偽類別選取器

標籤：

1.first-line 虛擬元素選取器
用於元素的第一行的文字使用的而樣式。
如：div:first-line{color:red;},該樣式定義了div標籤內的第一行文字的顏色。

 

2.first-letter 虛擬元素選取器
用於為元素的首字母或第一個字使用的樣式。
如：div:frist-letter{font-size:20px;},該樣式定義了div標籤內的首字母或文字使用20px的字型大小。

 

3.before虛擬元素選取器
用於在元素之前插入內容。
用法：div:before{content:插入文字/圖片/音頻等}，該元素定義了在div標籤內容前面添加content包含的內容。裡面可以定義插入內容的樣式。
注意：該選取器在IE6\7\8中無效。

 

4.after虛擬元素選取器
用於在元素之後插入內容。
用法：div:before{content:插入文字/圖片/音頻等}，該元素定義了在div標籤內容後面添加content包含的內容。裡面可以定義插入內容的樣式。
注意：該選取器在IE6\7\8中無效。

 

5.root選取器
root選取器應用於頁面文檔的根目錄。該樣式只用於頁面中存在元素的地方。
使用方法：:root{background-color:red},假如頁面中只有一段文字，那麼這段文字的背景為紅色。它只包含網頁中的資訊部分，和body所包含的地區不同。

 

6.not選取器
過濾、排除作用，如果想排除某個元素下面的子項目不使用此樣式，可以選擇not選取器。
使用方法：div:not(span){},排除div元素下面的span標籤使用此樣式。

 

7.empty選取器
當頁面元素內容為空白時使用的樣式。
如：:empty{background-color:red},在頁面中元素內容為空白的背景色設為紅色。

css 偽類別選取器