偽元素（pseudo-elements）是 CSS 的一種機制，允許你通過 CSS 選擇器向某些元素的特定部分添加樣式。它們表示元素的特定部分或狀態(tài)，并允許你在不改變 HTML 結(jié)構(gòu)的情況下對其進行樣式處理。

常見的偽元素包括 ::before 和 ::after。它們允許你在元素的內(nèi)容前后插入虛擬的元素，并對其進行樣式設(shè)置。例如：

cssCopy?codep::before?{??content:?"Before?text?";??color:?blue;
}p::after?{??content:?"?After?text";??color:?red;
}

上述示例中，p::before 會在每個 <p> 元素的內(nèi)容前插入帶有藍色文字的虛擬元素，而 p::after 會在內(nèi)容后插入帶有紅色文字的虛擬元素。

除了 ::before 和 ::after 之外，還有其他偽元素，如 ::first-line（選擇元素的第一行文本）、::first-letter（選擇元素的第一個字母）等，它們允許你更精確地控制元素的特定部分而無需修改 HTML 結(jié)構(gòu)。

偽元素可以在頁面中創(chuàng)建虛擬元素，并通過 CSS 對其進行樣式設(shè)置，這樣可以為元素添加裝飾、修飾或特殊效果，同時保持 HTML 結(jié)構(gòu)的清晰和完整。