偽類和偽元素的區別

偽類是配合常規css選擇器來使用的，用來獲取元素，通常有乙個:；

偽元素會在頁面中產生容器，用於顯示內容或某種效果，它不會出現在dom中，即不能通過js來操作，僅僅為css層面的渲染注入，通常有兩個::；

常見的偽類有：:hover、:focus、:link、:active、:visited、:first-child、：nth-child()等；常見偽元素有：::before、::after、::first-letter、::first-line；

:before和::before等效，均表示偽元素，區別是前者為css2寫法，後者為css3寫法；

[1] css3偽類和偽元素的特性和區別

[2] web前端面試指導(十二)：::before 和:before有什麼區別？

偽類和偽元素區別

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

偽類和偽元素的區別

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

偽類和偽元素的區別

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