在 HTML 中，偽元素選擇器用于選擇并樣式化元素的特定部分。偽元素選擇器是在 CSS 中使用的，可以通過為元素的
::before 和 ::after 偽類選擇器添加樣式來創建虛擬的元素，并將其插入到文檔中。
要使用偽元素選擇器，請遵循以下格式：
css
selector::pseudo-element {
property: value;
}
其中，selector 是要選擇的元素的選擇器，而 pseudo-element 是要選擇的偽元素。
下面是一些常用的偽元素選擇器和示例：
- ::before：在元素內容之前插入虛擬內容。
- ::after：在元素內容之后插入虛擬內容。
- ::first-letter：選擇元素的第一個字母。
- ::first-line：選擇元素的第一行。
- ::selection：選擇用戶選中的文本。
以下是一個示例，演示如何使用偽元素選擇器添加樣式：
html
<!DOCTYPE html>
<html>
<head>
<style>
/* 在段落前插入裝飾性的圖標 */
p::before {
content: "\2764"; /* 使用 Unicode 編碼表示愛心符號 */
color: red;
}
/* 在段落后插入內容 */
p::after {
content: " - 結尾";
font-style: italic;
}
/* 樣式化第一行文字 */
p::first-line {
font-weight: bold;
text-transform: uppercase;
}
/* 樣式化選中的文本 */
::selection {
background-color: yellow;
}
</style>
</head>
<body>
<p>這是一個示例段落。</p>
</body>
</html>
在上面的示例中，我們使用 ::before 和 ::after 偽元素選擇器在 <p> 元素的前后插入了內容。同時，我們還使用
::first-line 偽元素選擇器樣式化了第一行文字，并使用 ::selection 偽元素選擇器樣式化了選中的文本。
請注意，不同的偽元素選擇器和屬性可以用于不同的元素，具體取決于您要選擇和樣式化的部分。
