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

2021-10-24 12:46:00 字數 531 閱讀 8975

一、兩者的定義

1.偽類(pseudo-class)是乙個以冒號作為字首,被新增到乙個選擇器末尾的關鍵字,當你希望樣式在特定狀態才被呈現到指定的元素時,你可以往元素的選擇器後面加上對應的偽類。

2.偽元素用於建立一些不在文件樹中的元素,並為其新增樣式。比如說,我們可以通過::before來在乙個元素前新增一些文字,並為這些文字新增樣式。雖然使用者可以看到這些文字,但是這些文字實際不在文件樹中

二、區別

1.偽類是通過在元素選擇器上加入偽類改變元素狀態。

2.偽元素通過對元素的操作進行對元素的改變。

三、示例

2.效果

偽類和偽元素區別

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

偽類和偽元素的區別

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

偽類和偽元素的區別

學習這麼長時間對於一些基本點還是不太理解,所以在這裡進行了區分 第一種理解偽類用於向某些選擇器新增特殊的效果。偽元素用於將特殊的效果新增到某些選擇器。第二種理解 偽類的效果可以通過新增乙個實際的類來達到,而偽元素的效果則需要通過新增乙個實際的元素才能達到,這也是為什麼他們乙個稱為偽類,乙個稱為偽元素...