1. 程式人生 > >pseudo-class與pseudo-element的相同點與不同點

pseudo-class與pseudo-element的相同點與不同點

邏輯 active 單元 child 最小 就是 選中 進行 包含

相同點:
兩者均以selector:或者selector.class:的形式開頭。

不同點:

偽類用於選擇DOM樹之外的信息,或是不能用簡單選擇器進行表示的信息。前者包含那些匹配指定狀態的元素,比如:visited,:active;後者包含那些滿足一定邏輯條件的DOM樹中的元素,比如:first-child,:first-of-type,:target。
而偽元素為DOM樹沒有定義的虛擬元素。不同於其他選擇器,它不以元素為最小選擇單元,它選擇的是元素指定內容。比如::before表示選擇元素內容的之前內容,也就是"";::selection表示選擇元素被選中的內容。

pseudo-class與pseudo-element的相同點與不同點