css中偽類及偽對象是什么意思

在css中，偽類是定義元素特殊狀態的意思，可以添加一些選擇器的特殊效果，是css內置類css內部本身賦予的一些特性和功能；偽對象是將特殊的效果添加到某些選擇器的意思，效果可以通過添加實際的元素來實現。

本教程操作環境：windows10系統、CSS3&&HTML5版本、Dell G3電腦。

css中偽類及偽對象是什么意思

偽類

css偽類是用于定義元素的特殊狀態

CSS偽類是用來添加一些選擇器的特殊效果。

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

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

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

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

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

偽類的語法：

selector:pseudo-class {   property: value; }

偽對象

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

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

偽元素用于創建一些不在文檔樹中的元素，并為其添加樣式。實際上，偽元素就是選取某些元素前面或后面這種普通選擇器無法完成的工作。控制的內容和元素是相同的，但它本身是基于元素的抽象，并不存在于文檔結構中。比如說，我們可以通過:before來在一個元素前增加一些文本，并為這些文本添加樣式。

偽元素的語法：

selector::pseudo-element{property:value;} 標簽：偽元素{性質:值;}

CSS類也可以與偽元素配合使用：

selector.class::pseudo-element{property:value;} 標簽類：偽元素{性質:值;}

（學習視頻分享：css視頻教程）