偽元素和偽類的區別的區別 是否生成了DOM

2021-10-07 14:16:40 字數 344 閱讀 4117

偽元素,例如,:before :after

偽類,例如,:nth-child()

(1)偽類和偽元素的最大區別就在於有沒有建立乙個文件樹以外的元素。偽元素建立了乙個文件樹以外的元素(虛擬容器)

並為他新增樣式,這個容器不包含任何dom元素但是可以包含內容。換句話說偽類和偽元素的區別就是偽類的操作物件是文件

樹中已有的元素,而偽元素則建立了乙個文件樹以外的元素。

(2)偽類使用的是單冒號,但是在css3中規定偽元素使用的雙冒號,但是除了少部分的偽元素必須使用雙冒號以外,像after

還有before都是支援單引號的。為了相容性所以目前還是在使用一些常見的偽元素的時候採用單冒號較為穩妥。

偽類和偽元素的區別是什麼?

一 兩者的定義 1.偽類 pseudo class 是乙個以冒號作為字首,被新增到乙個選擇器末尾的關鍵字,當你希望樣式在特定狀態才被呈現到指定的元素時,你可以往元素的選擇器後面加上對應的偽類。2.偽元素用於建立一些不在文件樹中的元素,並為其新增樣式。比如說,我們可以通過 before來在乙個元素前新...

偽類和偽元素區別

偽類是向某些選擇器新增特殊的效果,可以通過新增乙個類來達到,用乙個冒號來表示。pseudo classes 如 first child,link visiter hover active focus lang 偽類類似於class,表示一些元素的狀態,但無需標識的分類。偽元素是將特殊的效果新增到某些...

偽類和偽元素的區別

個人的關注點可能主要集中在js方向上,但是本著css也不能丟掉的原則,所以上網查了些css方面的困惑點,這一篇的主題是 偽類和偽元素。偽類和偽元素的根本區別在於 它們是否創造了新的元素 抽象 從我們模仿其意義的角度來看,如果需要新增新元素加以標識的,就是偽元素,反之,如果只需要在既有元素上新增類別的...