css中偽類和偽元素

偽類和偽元素時對那些我們不能通過class、id等選擇元素的補充

偽類的操作物件是文件樹中已有的元素（可以給已有元素加了乙個類替代），而偽元素則建立了乙個文件數外的元素（可以新增乙個新元素替代）

css3規範中要求使用雙冒號(::)表示偽元素，以此來區分偽元素和偽類。

偽類：

this

is a text

em:first-child

first-child是對已有元素em的修飾，意思是修飾標籤為em同時是父元素的第乙個子元素的元素，注意不是em標籤下的第乙個子元素

效果等同於：

this

is a text

em.first-child

偽元素：

this

is a text

p::first-letter

first-letter相當於在p裡面新造了乙個元素,效果等同：

this

is a text

p span

css偽類和偽元素

css偽類用於向某些選擇器新增特殊的效果。link,visited,hover,focus,active,first child,lang css3新增的偽類 last child,only child,first of type,last of type,only of type,nth chil...

CSS偽類和偽元素

css引入偽類和偽元素概念是為了格式化文件樹以外的資訊。也就是說，偽類和偽元素是用來修飾不在文件樹中的部分，比如，一句話中的第乙個字母，或是列表中的第乙個元素，又或者是滑鼠懸停在某個超連結上時要設定的樣式。常見的狀態偽類主要包括 link 應用於未被訪問過的鏈結 hover 應用於滑鼠懸停到的元素 ...

css中的偽類和偽元素

一 css偽類 pseudo class 是用來新增一些選擇器的特殊效果。由於狀態的變化是非靜態的，所以元素達到乙個特定狀態時，它可能得到乙個偽類的樣式 當狀態改變時，它又會失去這個樣式。由此可以看出，它的功能和class有些類似，但它是基於文件之外的抽象，所以叫偽類。偽類的語法 selector ...