偽元素選擇器是CSS3中的一種選擇器,可以在某些元素的特定位置添加裝飾或內容,從而賦予元素更多的樣式和功能。偽元素選擇器的語法以 ":" 開頭,不像普通的選擇器那樣匹配頁面中真實存在的元素,而是創建一個虛擬的元素,并為其添加樣式。
以下是幾種常見的偽元素選擇器:
::before { content: "添加裝飾或內容"; } ::after { content: "添加裝飾或內容"; } ::first-letter { font-size: 2em; } ::first-line { font-weight: bold; }
::before 和 ::after 偽元素選擇器可以用于在元素的前面或后面添加內容或樣式,常用于創建圖標或裝飾、添加引用標記、清除浮動等操作。這些虛擬元素可以用 content 屬性來添加內容或文字,也可以添加樣式來定義元素的大小、位置、顏色等。
::first-letter 偽元素選擇器可以用于設置首字母的樣式,如字體大小、顏色等。::first-line 偽元素選擇器可以用于設置首行的樣式,如字體加粗等。這兩種選擇器常用于美化文章、調整排版等操作。
需要注意的是,偽元素選擇器只能應用于具有一定文本內容的元素,如
、