1、CSS 偽元素用于向某些選擇器設(shè)置特殊效果（用來(lái)當(dāng)作一個(gè)東西的，跟一個(gè)元素差不多，但不是元素）。

① :frist-line偽元素：用于向文本首行設(shè)置特殊樣式，但是只能用于塊級(jí)元素。

以下屬性可應(yīng)用于 “ frist-line ” 偽元素：
        font、color、background、word-spacing、letter-spacing、text-decoration、vertical-align、text-transform、line-height、clear 。

② :first-letter偽元素：用于向文本首字母設(shè)置特殊樣式，只能用于塊級(jí)元素。

以下屬性可應(yīng)用于 “ first-letter ” 偽元素：
        font、color、background、margin、padding、border、text-decoration、vertical-align(僅當(dāng)float為none時(shí))、text-transform、line-height、float、clear 。

③ 偽元素和css類可以配合使用：p.article: first-letter { }，可以使所有 class 為 article 的段落的首字母樣式改變 。

④ 多重偽元素：可以結(jié)合多個(gè)偽元素來(lái)使用。p: first-letter { }，p: first-line { }：段落的第一個(gè)字母根據(jù)p: first-letter具體樣式顯示，第一行其余文本根據(jù)p: first-line具體樣式顯示，段落中其余文本以具體段落設(shè)置的其他樣式顯示。

⑤ :before偽元素：可以在元素內(nèi)容前面插入新內(nèi)容 。

⑥ :after偽元素：可以在元素的內(nèi)容之后插入新內(nèi)容 。

⑦ 許多人喜歡給 blockquote 引用段添加巨大的引號(hào)作為背景，這種時(shí)候我們就可以用 :before 來(lái)代替 background 了，既可以給背景留下空間，還可以直接使用文字而非圖片：