css3 新特性 偽類與偽元素的主要區別

2021-09-01 20:52:17 字數 885 閱讀 5694

偽類

e:link          e:visited          e:hover

e:active e:focus e:lang(fr)

e:not(s) e:root e:first-child

e:last-child e:only-child e:nth-child(n)

e:nth-last-child(n) e:first-of-type

e:last-of-type e:only-of-type e:nth-of-type(n)

e:nth-last-of-type(n)

e:empty e:checked e:enabled e:disabled e:target @page:first @page:left @page:right

偽物件選擇器

e:first-letter/e::first-letter

e:first-line/e::first-line

e:before/e::before e:after/e::after

e::placeholder e::selection

偽類與偽元素的特性及其區別:

它們的本質區別就是是否抽象創造了新元素
偽類本質上是為了彌補常規css選擇器的不足,以便獲取到更多資訊(可以通過新增實際的類來實現效果);

偽元素本質上是建立了乙個有內容的虛擬容器(即新增了乙個實際存在的元素來實現相應的效果);

css3中偽類和偽元素的語法不同;

可以同時使用多個偽類,而只能同時使用乙個偽元素;

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