CSS3複習之常見的偽類和偽元素選擇器

2021-09-29 10:29:34 字數 757 閱讀 3981

前端開發的過程,避免不了會寫css,這個時候合適的使用偽類和偽元素選擇器可以使得我們的**更簡潔易懂,本文主要記載常用的偽類和偽元素選擇器和其用法:

1.a:active--- 啟用鏈結的時候觸發

2.input:checked----勾選的元素(type = "radio"或者type = "checkbox")

3.input:disabled----禁用的元素

4.p:empty----沒有子元素的

5.input:enabled----啟用的6.p:first-child----作用于父元素的第乙個 子元素是

7.input:focus----作用於具有焦點的8.a:hover----滑鼠停在上時

9.p:last-child----作用于父元素的最後乙個標籤是

10:not(p)----作用於不是

的全部元素

11.p:nth-child(2)----作用於其父元素的第二個元素是

12.p:nth-last-child(2)---作用於其父元素倒數第二元素是

1.	p::after----作用於每個

後面插入的內容

2. p::before----作用於每個

前面插入的內容

3. p::selection----作用於滑鼠選中的內容

總結
1.偽類是乙個冒號----":"

2.偽元素是兩個冒號----"::"

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