在css中,偽類是定義元素特殊狀態(tài)的意思,可以添加一些選擇器的特殊效果,是css內(nèi)置類css內(nèi)部本身賦予的一些特性和功能;偽對象是將特殊的效果添加到某些選擇器的意思,效果可以通過添加實(shí)際的元素來實(shí)現(xiàn)。
本教程操作環(huán)境:windows10系統(tǒng)、CSS3&&HTML5版本、Dell G3電腦。
css中偽類及偽對象是什么意思
偽類
css偽類是用于定義元素的特殊狀態(tài)
CSS偽類是用來添加一些選擇器的特殊效果。
解釋:在感覺上偽類可以是動態(tài)的,當(dāng)用戶和文檔進(jìn)行交互的時候一個元素可以獲取或者失去一個偽類。例外的是":first-child"能通過文檔樹推斷出來,":lang"在一些情況下也在從文檔樹中推斷出來。
由此可以看出,它的功能和class有些類似,但它是基于文檔之外的抽象,所以叫偽類。 [1]
偽類有::first-child ,:link:,vistited,:hover:,:active,:focus,:lang,:right,:left,:first
何為偽類?就是css內(nèi)置類css內(nèi)部本身賦予它一些特性和功能,也就是你不用再class=…或id=…你就可以直接拿來使用,當(dāng)然你也可以改變它的部分屬性比如:a:link{color:#FF0000;}
CSS很多的建議并沒有得到瀏覽器的支持,但有四個可以安全用在超鏈接上的偽類。
偽類的語法:
selector:pseudo-class { property: value; }
偽對象
偽元素:用于將特殊的效果添加到某些選擇器
css偽元素代表了某個元素的子元素,這個子元素雖然在邏輯上存在,但卻并不實(shí)際存在于文檔樹中。
偽元素用于創(chuàng)建一些不在文檔樹中的元素,并為其添加樣式。實(shí)際上,偽元素就是選取某些元素前面或后面這種普通選擇器無法完成的工作??刂频膬?nèi)容和元素是相同的,但它本身是基于元素的抽象,并不存在于文檔結(jié)構(gòu)中。比如說,我們可以通過:before來在一個元素前增加一些文本,并為這些文本添加樣式。
偽元素的語法:
selector::pseudo-element{property:value;} 標(biāo)簽:偽元素{性質(zhì):值;}
CSS類也可以與偽元素配合使用:
selector.class::pseudo-element{property:value;} 標(biāo)簽類:偽元素{性質(zhì):值;}
(學(xué)習(xí)視頻分享:css視頻教程)