所謂的「虛擬元素」也稱為「偽元素」,表示不存在於真實的 HTML 元素,可能是「想像的元素」或根據現有元素進行「想像分類」,而「虛擬元素選擇器」就是專門針對這些「想像元素或分類」的選擇器,例如 ::before、::after、::first-letter、::first-line、::marker 等等,這個單元會深入介紹這些虛擬元素選擇器的用法
影片重點:
相關參考:
虛擬元素選擇器是我自己滿喜歡用的選擇器,許多 CSS 效果都會借助虛擬選擇器來完成,不過也因為是「虛擬」的關係,在某些情形套用樣式、套用其他選擇器或使用 JavaScript 控制都會受到限制,要特別注意呦~
更多參考: