僞元素選擇器

就像僞類爲錨指定幻想類同樣，僞元素可以在文檔中插入假想的元素，從而獲得某種效果。設置首字母樣式、設置第一行樣式、設置以前和以後的元素的樣式。

 

第一個僞元素用於設置一個塊級元素首字母的樣式，並且僅對該首字母設置樣式：p:first-letter{color:red;}

若是讓每一個H2中第一個字母的大小是標題中其他字母大小的兩倍：h2:first-letter{font-size:200%;}

這個規則會致使用戶代理對一個假想的元素做出相應，這個假想元素包含滅個h2中得第一個字母。;first-letter樣式只應用到上例所示假想元素的內容。這個h2:first-letter元素並不出現子啊文檔源代碼中。相反，它是由用戶代理動態構造的，用於向相應文本塊應用:first-letter樣式。換句話說，h2:first-letter是一個僞元素。要記住，沒必要增長任何新標記。這會由用戶代理完成。

相似地，:first-line能夠用來影響元素中第一個文本行。這個樣式應用於每一段所顯示的第一行文本。不論顯示區域多大或多小，都是如此。若是第一行只包含該段的5個詞，那麼只有這5個詞會變成紫色。若是一行包含了元素的前30個詞，那麼全部這30個詞都會是紫色。

 

假設想設置一種排版效果，在每一個h2元素前加一對銀色中括號：h2:before{content:」}}」;color:silver;}

僞元素用於插入生成的內容，並設置其樣式。要在一個元素後面插入內容，能夠使用僞元素:after.能夠在文檔的最後用一個適當的結束語結束。body:after{content:」 The End.」 ;}所生成的內容是一個單獨的主體。