CSS3中的偽元素after可以用來在元素的內容后面插入一些內容,同時可以使用CSS樣式對這些內容進行修飾。

獲取元素的after使用的是CSS的content屬性，在content屬性中使用“\A”換行符的方式來插入內容。

.selector::after{
content: "\A hello after!";
}

上面的代碼表示在class為selector的元素后面插入內容“\A hello after!”，注意換行符“\A”的使用。

除了能夠插入文本內容，after偽元素還能插入圖像、生成計數器的數字等等。

/*插入圖片*/
.selector::after{
content: url("image.png");
}
/*計數器*/
.selector::after{
content: counter(section);
}

通過這些方式，我們可以很方便地對元素的內容進行修飾，渲染出精美的頁面效果。