偽類和偽元素

偽類

偽類對元素進行分類是基於特徵(characteristics)而不是它們的名字、屬性或者內容；原則上特徵是不可以從文件樹上推斷得到的。

css偽類是用來新增一些選擇器的特殊效果。

解釋：在感覺上偽類可以是動態的，當使用者和文件進行互動的時候乙個元素可以獲取或者失去乙個偽類。例外的是":first-child"能通過文件樹推斷出來，":lang"在一些情況下也在從文件樹中推斷出來。

由此可以看出，它的功能和class有些類似，但它是基於文件之外的抽象，所以叫偽類。[1]

偽類有：：frist-child，：link，vistited，：hover，：active，：focus，:lang，:right，:left，:first

何為偽類?就是css內植類css內部本身賦予它一些特性和功能，也就是你不用再class=...或id=...你就可以直接拿來使用，當然你也可以改變它的部分屬性比如：a:link

css很多的建議並沒有得到瀏覽器的支援，但有四個可以安全用在超連結上的偽類。

偽元素

偽元素是創造關於文件語言能夠指定的文件樹之外的抽象。例如文件語言不能提供訪問元素內容第一字或者第一行的機制。偽元素允許設計師引用它們，否則這是難以辦到的。偽元素還提供樣式設計師給在源文件中不存在的內容分配樣式（例如：:before和:after能夠訪問產生的內容）。

總結一下偽類與偽元素的特性及其區別：

偽類本質上是為了彌補常規css選擇器的不足，以便獲取到更多資訊；

偽元素本質上是建立了乙個有內容的虛擬容器；

css3中偽類和偽元素的語法不同；

可以同時使用多個偽類，而只能同時使用乙個偽元素；