所謂的「虛擬元素」也稱為「偽元素」，表示不存在於真實的 HTML 元素，可能是「想像的元素」或根據現有元素進行「想像分類」，而「虛擬元素選擇器」就是專門針對這些「想像元素或分類」的選擇器，例如 ::before、::after、::first-letter、::first-line、::marker 等等，這個單元會深入介紹這些虛擬元素選擇器的用法

影片重點：

• 00:01:22 認識虛擬元素
• 00:02:50 ::before、::after
• 00:10:02 ::first-letter、::first-line
• 00:12:10 ::marker
• 00:14:53 ::selection
• 00:16:08 ::placeholder
• 00:18:02 ::file-selector-button
• 00:19:16 ::spelling-error

相關參考：

• 教學文：CSS 虛擬元素選擇器
• 影片連結：https://www.youtube.com/watch?v=Q6U4CbPfq-0

後記

虛擬元素選擇器是我自己滿喜歡用的選擇器，許多 CSS 效果都會借助虛擬選擇器來完成，不過也因為是「虛擬」的關係，在某些情形套用樣式、套用其他選擇器或使用 JavaScript 控制都會受到限制，要特別注意呦～

更多參考：

• Youtube 頻道：https://www.youtube.com/@steam.oxxostudio
• CSS 教學大全：https://steam.oxxostudio.tw/category/css/index.html