在css中，偽類(lèi)是定義元素特殊狀態(tài)的意思，可以添加一些選擇器的特殊效果，是css內(nèi)置類(lèi)css內(nèi)部本身賦予的一些特性和功能；偽對(duì)象是將特殊的效果添加到某些選擇器的意思，效果可以通過(guò)添加實(shí)際的元素來(lái)實(shí)現(xiàn)。

本教程操作環(huán)境：windows10系統(tǒng)、CSS3&&HTML5版本、Dell G3電腦。

css中偽類(lèi)及偽對(duì)象是什么意思

偽類(lèi)

css偽類(lèi)是用于定義元素的特殊狀態(tài)

CSS偽類(lèi)是用來(lái)添加一些選擇器的特殊效果。

解釋?zhuān)涸诟杏X(jué)上偽類(lèi)可以是動(dòng)態(tài)的，當(dāng)用戶(hù)和文檔進(jìn)行交互的時(shí)候一個(gè)元素可以獲取或者失去一個(gè)偽類(lèi)。例外的是":first-child"能通過(guò)文檔樹(shù)推斷出來(lái)，":lang"在一些情況下也在從文檔樹(shù)中推斷出來(lái)。

由此可以看出，它的功能和class有些類(lèi)似，但它是基于文檔之外的抽象，所以叫偽類(lèi)。 [1]

偽類(lèi)有：:first-child ，:link:，vistited，:hover:，:active，:focus，:lang，:right，:left，:first

何為偽類(lèi)?就是css內(nèi)置類(lèi)css內(nèi)部本身賦予它一些特性和功能，也就是你不用再class=…或id=…你就可以直接拿來(lái)使用，當(dāng)然你也可以改變它的部分屬性比如：a:link{color:#FF0000;}

CSS很多的建議并沒(méi)有得到瀏覽器的支持，但有四個(gè)可以安全用在超鏈接上的偽類(lèi)。

偽類(lèi)的語(yǔ)法：

selector:pseudo-class {   property: value; }

偽對(duì)象

偽元素：用于將特殊的效果添加到某些選擇器

css偽元素代表了某個(gè)元素的子元素，這個(gè)子元素雖然在邏輯上存在，但卻并不實(shí)際存在于文檔樹(shù)中。

偽元素用于創(chuàng)建一些不在文檔樹(shù)中的元素，并為其添加樣式。實(shí)際上，偽元素就是選取某些元素前面或后面這種普通選擇器無(wú)法完成的工作。控制的內(nèi)容和元素是相同的，但它本身是基于元素的抽象，并不存在于文檔結(jié)構(gòu)中。比如說(shuō)，我們可以通過(guò):before來(lái)在一個(gè)元素前增加一些文本，并為這些文本添加樣式。

偽元素的語(yǔ)法：

selector::pseudo-element{property:value;} 標(biāo)簽：偽元素{性質(zhì):值;}

CSS類(lèi)也可以與偽元素配合使用：

selector.class::pseudo-element{property:value;} 標(biāo)簽類(lèi)：偽元素{性質(zhì):值;}

（學(xué)習(xí)視頻分享：css視頻教程）