CSS選擇器加after的文章示例如下：
在 CSS 中，after 選擇器用于在給定元素后面添加一個新的元素。它通常用于在元素之后添加一個文本或圖像，或者用于在給定元素周圍添加一個環繞效果。
使用 after 選擇器，您可以在 HTML 元素后面添加一個新的元素，如下所示：
Hello, world!
.my-div {
position: relative;
.my-div:after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 0;
border-left: 50%;
border-top: 0 solid transparent;
border-right: 50% solid transparent;
transform: translate(-50%, -50%);
在這個例子中，我們使用 :after 選擇器來創建一個環繞效果。首先，我們定義一個類名 .my-div，然后使用偽元素 content 屬性來指定環繞效果的內容。接著，我們設置偽元素的位置和邊框，使其成為一個絕對定位的偽元素，并且將其寬度和高度設置為 0，以使它們消失。最后，我們使用 transform 屬性來改變環繞效果的位置和方向。
使用 after 選擇器可以使您的 HTML 元素看起來更加美觀和易于維護。您還可以使用 after 選擇器來添加其他效果，例如陰影或漸變。
總之，使用 after 選擇器可以使您的 CSS 代碼更加簡潔和易于理解，并且可以幫助您創建更加豐富和復雜的 CSS 效果。
上一篇css3實例站