我們可以使用CSS 偽類別為HTML 中的現有元素新增特定樣式，這些偽類別選擇具有特定狀態的元素，例如（懸停、存取、停用等）

注意 strong> - 為了將CSS 偽類與偽元素分開，在CSS3 中，偽類使用單冒號表示法。

語法

以下是在元素上使用CSS 偽類別的語法-

以下是所有可用的CSS 偽類別-

< td style="text-align: center;">3 4 #它選擇每個提到的元素沒有子級 #已啟用 它選擇每個啟用的提到的元素 first-child 它選擇作為其父級的第一個子級的每個提到的元素 first-of-type 它選擇第一個提到的每個元素其父級元素 ##焦點 滑鼠懸停時選擇提到的元素 它選擇指定範圍內值的提及元素 #它選擇所有提到的元素均具有無效值 它選擇每個提到的元素，其lang 屬性值以「語言」開頭 它選擇作為其父級的最後一個子層級 它選擇其父元素最後提到的每個元素 它選擇所有未造訪的提及元素 它選擇所有不是的元素所提到的元素 它選擇作為其父級的第n 個子級的每個提到的元素 它選擇作為其父級的第n 個子級的每個提到的元素，從最後一個孩子開始計算 它選擇每個提到的元素，即其父元素中第n 個提到的元素，從最後一個子元素開始計算 它選擇每個提到的元素是其父元素中第n 個提到的元素 ##它選擇作為其父元素唯一提及的每個提到的元素 #它選擇作為唯一子元素的每個提到的元素其父級 它選擇沒有「required」屬性的上述元素 它選擇值超出指定範圍的提到的元素 它使用「readonly」選擇提到的元素指定屬性 29

Sr.No	偽類別與描述
1	活動 它選擇活動提到的元素
#2	已檢查 #它選擇每個已檢查提到的元素
##停用 它選擇每個禁用提到的元素
	4
	5
	6
	#7
	#8
它選擇具有焦點的上述元素	#9 ##懸停
	#10 在範圍內
	#11 無效
	#12 lang （語言)
	13 last-child
	14 last-of -type
	15 連結
	16 not(selector)
	17 nth-child(n )
	18 nth-last-child(n)
	#19 nth-last -oftype(n )
	20 nth-of-type(n)
	21 only-of-type
	22 only-child
	#23< /p> ##可選
	#24 超出範圍
	#25 只讀
	#26 ##讀寫 它選擇沒有「readonly」屬性的上述元素
	#27 required 它選擇指定了「required」屬性的提到元素
	#28##root 它選擇文件的根元素
	##目標 它選擇目前提到的活動元素（點擊包含該錨點名稱的URL）
30	有效 它选择具有有效值的所有提到的元素
31	访问过 它选择所有访问过的提到的元素

示例

让我们看一个 CSS 伪类的示例 -

现场演示

输出

这将产生以下输出 -

示例

让我们看一下 CSS 伪类的另一个示例 -

现场演示

输出

这将产生以下输出 -

当未将鼠标悬停在 div 元素上时 -

当鼠标悬停在 div 元素上时 -

以上是使用 CSS 偽類的詳細內容。更多資訊請關注PHP中文網其他相關文章！