偽類與偽元素

2022-05-06 21:51:13 字數 746 閱讀 8855

一:偽類:

1:定義:css偽類用於向某些選擇器新增特殊效果。

偽類其實與普通的css類相類似,可以為已有的元素新增樣式,但是他只有處於dom無法描述的狀態下才能為文件樹中的元素新增樣式,所以將其稱為偽類。(這種文件樹無法描述的狀態是什麼呢?當乙個元素在使用者的不同行為下就變化成不同的狀態這個行為的變化dom就無法描述,就要產生偽類,來為一些選擇器新增特殊的效果)。

3:偽類選擇器有哪些: link,visited,hover,active,focus,first-child,lang。

二:偽元素:

1:偽元素用於建立一些不在文件樹中的元素,並且為他新增樣式,舉個例子:使用偽元素」::before」可以在乙個元素前邊增加一些文字,並且可以為這些文字新增一些樣式,雖然使用者可以看到這寫文字,但是這些文字是不存在於文件樹中的。

2:幾種常見的偽元素:frist-letter,first-line,before,after

3:偽元素和偽類的區別:

(1)偽類和偽元素的最大區別就在於有沒有建立乙個文件樹以外的元素。偽元素建立了乙個文件樹以外的元素(虛擬容器)並為他新增樣式,這個容器不包含dom元素但是可以包含內容。換句話說偽類和偽元素的區別就是偽類的操作物件是文件樹中已有的元素,而偽元素則建立了乙個文件樹以外的元素。

(2)偽類使用的是單冒號,但是在css3中規定偽元素使用的雙冒號,但是除了少部分的偽元素必須使用雙冒號以外,像after還有before都是支援單引號的。為了相容性所以目前還是在使用一些常見的偽元素的時候採用單冒號較為穩妥。

偽類與偽元素

偽類 用於向某些選擇器新增特殊的效果,當已用元素處於某種狀態時,為其新增對應的樣式 偽元素 用於將特殊的效果新增到某些選擇器,用於建立一些不存在文件樹中的元素,為其新增樣式 區別 使用偽元素清除浮動 class container clearfix class wrap aaadiv div cle...

偽類與偽元素?

偽類與偽元素?偽類指偽類名稱前為冒號 偽元素指偽元素名稱前為雙冒號 偽類本質上是為了彌補常規css選擇器的不足,以便獲取到更多資訊。通常表示獲取不存在與dom樹中的資訊,或獲取不能被常規css選擇器獲取的資訊。如 hover focus empty 本質上是建立了乙個有內容的虛擬容器。這個容器不包含...

偽類與偽元素

總結一下偽類與偽元素的特性及其區別 偽類本質上是為了彌補常規css選擇器的不足,以便獲取到更多資訊 偽元素本質上是建立了乙個有內容的虛擬容器 css3中偽類和偽元素的語法不同 偽類 link hover 偽元素 before after 可以同時使用多個偽類,而只能同時使用乙個偽元素 其中偽類和偽元...