《HTML 5與CSS 3權威指南（第3版·下冊）》——第20章 使用選擇器在頁面中插入内容

本節書摘來自華章出版社《html 5與css 3權威指南（第3版·下冊）》一 書中的第20章，第20.1節，作者：陸淩牛，更多章節内容可以通路雲栖社群“華章計算機”公衆号檢視。

使用選擇器在頁面中插入内容

在19.3.1節中介紹css中的僞元素時，我們曾經介紹過，在css中可以使用before僞元素選擇器與after僞元素選擇器在頁面中的元素的前面或後面插入内容，而插入的内容是用content屬性來定義的。确切地說，before僞元素選擇器與after僞元素選擇器是在css 2.0中添加的，但是從css 2.1開始，一直到css 3中，都不斷地在針對這兩個選擇器進行改良和擴充，這使得before僞元素選擇器與after僞元素選擇器的作用越來越強大，是以本章将特别針對這兩個選擇器做詳細的介紹。

學習内容：

掌握css 3中使用選擇器在頁面中插入文字的方法，能夠使用before選擇器與after選擇器在頁面中元素的前面或後面插入文字。

掌握css 3中使用選擇器在頁面中插入圖像的方法，能夠使用before選擇器與after選擇器在頁面中元素的前面或後面插入圖像檔案。

掌握css 3中使用選擇器在頁面中插入項目編号的方法，能夠使用before選擇器與after選擇器在頁面中各種項目的前面或後面插入各種級别、各種樣式的項目編号。