CSS和CSS3中的偽元素和偽類(總結)

2022-03-09 11:32:17 字數 880 閱讀 3438

好多人偽類和偽元素分清楚,其實就是一句話,「偽類的效果可以通過新增乙個實際的類來達到,而偽元素的效果則需要通過新增乙個實際的元素才能達到」。

css中偽類包括:

:first-child

:lang

:active

:focus

:hover

:link

:visited

css中偽元素包括:

:first-letter

:first-line

:before

:after

css3中明確規定偽元素用::表示,偽類用:表示,因此,

css3中的偽類有

動態偽類

:active

:focus

:hover

:link

:visited

狀態偽類:

:enabled

:disabled

:checked

:nth選擇器

:first-child

:last-child

:nth-child(n)

:first-of-type

:last-of-type

:only-child

:nth-last-child(n)

:nth-last-of-type(n)

:empty

:only-of-type

:nty-of-type

css3中的偽元素有

::first-letter

::first-line

::before

::after

::selection (新加)

CSS3 偽元素和偽類

css偽類和偽元素的區別,在css3中,實際上的偽元素應該只有 before和 after兩個了,這兩個元素是實際存在在dom中的,而類本身就是表示元素的狀態,所以偽類應該也是為了表示元素的狀態的。在css3中,可以直接用 還是 來區分偽類和為元素了。由於偽類主要是表示元素的狀態,那麼偽類的主要功能...

css3 偽元素和偽類

1,定義 w3c定義 偽元素偽類 都可以向某些選擇器設定特殊效果。css2中定義 css3中的定義 1 偽元素 在dom樹中建立了一些抽象元素 虛擬的容器 由兩個冒號 開頭 css2中並沒有區別 為了相容性一般還是寫乙個冒號 2 偽類 為了選擇器找到那些不存在於dom樹中的資訊 及 不能被常規css...

css3新增的偽類和偽元素

e target事件屬性可返回事件的目標節點 觸發該事件的節點 如生成事件的元素 文件或視窗 e disabled表示不可點選的表單控制項 e enabled表示可點選的表單控制項 e checked表示已選中的checkbox或radio e f 表示e元素毗鄰的f元素 e not s 表示e元素...