天天看點

僞類與僞元素的差別

css引入僞類和僞元素概念是為了格式化文檔樹以外的資訊。也就是說,僞類和僞元素是用來修飾不在文檔樹中的部分,比如,一句

話中的第一個字母,或者是清單中的第一個元素。

僞類用于當已有的元素處于某個狀态時,為其添加對應的樣式,這個狀态是根據使用者行為而動态變化的。比如說,當使用者懸停在指定的

元素時,我們可以通過:hover來描述這個元素的狀态。

僞元素用于建立一些不在文檔樹中的元素,并為其添加樣式。它們允許我們為元素的某些部分設定樣式。比如說,我們可以通過::be

fore來在一個元素前增加一些文本,并為這些文本添加樣式。雖然使用者可以看到這些文本,但是這些文本實際上不在文檔樹中。

有時你會發現僞元素使用了兩個冒号(::)而不是一個冒号(:)。這是CSS3的一部分,并嘗試區分僞類和僞元素。大多數浏覽