CSS3疑難問題 6 偽類和偽元素的區別

2022-03-23 21:44:15 字數 1070 閱讀 8372

偽類不產生新的物件,只是在 dom 中乙個元素的不同狀態

偽元素產生新物件,在 dom 樹中看不到

偽類不產生新的物件,只是在 dom 中乙個元素的不同狀態

偽元素產生新物件,在 dom 樹中看不到

1

doctype html

>

2<

html

lang

="en"

>

3<

head

>

4<

meta

charset

="utf-8"

>

5<

title

>偽類和偽元素的區別

title

>

6<

style

>7/*

8偽類不產生新的物件,只是在 dom 中乙個元素的不同狀態

9偽元素產生新物件,在 dom 樹中看不到

10*/

1112

/*13

偽類選擇器本身就是一種狀態,

14:hover就是表示滑鼠懸浮到元素上面時候的那種狀態

15:active就是表示滑鼠點選到元素上面去的時候的那一種狀態

16*/

17a:hover

20a:active

23/*

24偽元素選擇器表示的是會產生元素,但是不是真的標籤,所以叫偽元素

25*/

26p::before

30style

>

31head

>

32<

body

>

33<

a href

="">a標籤

a>

34<

p>p標籤

p>

35body

>

36html

>

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元素...