CSS偽元素常常被用來增強網頁的樣式,它們可以用來在不修改HTML結構的情況下添加內容和樣式。偽元素可以用于選擇器的::before和::after偽類中,這兩個偽類可以在元素的內容之前和之后添加內容。
p::before{ content: "【"; } p::after{ content: "】"; }
上面的代碼將在每個段落的開頭添加一個【,在結尾添加一個】。這些字符沒有在HTML代碼中出現,但是使用了::before和::after偽元素,它們可以在每個段落的開頭和結尾添加這些字符。
這些偽元素也可以用來添加樣式,比如為每個鏈接添加圖標:
a[href^="http"]::after{ content: "↗"; }
上面的代碼將在每個指向外部網站的鏈接后面添加一個向上箭頭。href屬性以http開頭的鏈接將被選中。使用偽元素樣式是一個快速有效的方法,可以輕松地修改和覆蓋樣式而不必更改HTML。