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},在頁面中元素內容爲空的背景色設爲紅色。