小編給大家分享一下偽類和偽元素的區別的區別有哪些，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
1、偽類種類
2、偽元素種類
（1）偽類作用對象是整個元素
例如：
a:link
{color:#111}
a:hover
{color:#222}
div:first-child
{color:#333}
div:nth-child（3）
{color:#444}盡管這些條件不是基于DOM的，但結果每一個都是作用于一個完整的元素，比如整個鏈接，段落，div等等。
（2）偽元素作用于元素的一部分
p::first-line
{color:#555}
p::first-letter
{color:#666}
a::before
{content : "hello
world";}（3）偽元素作用于元素的一部分：一個段落的第一行或者第一個字母。
總結：偽元素其實相當于偽造了一個元素，例如before,first-letter達到的效果就是偽造了一個元素，然后添加了其相應的效果而已；而偽類沒有偽造元素，例如first-child只是給子元素添加樣式而已。
偽元素和偽類之所以這么容易混淆，是因為他們的效果類似而且寫法相仿，但實際上 css3 為了區分兩者，已經明確規定了偽類用一個冒號來表示，而偽元素則用兩個冒號來表示。
但因為兼容性的問題，所以現在大部分還是統一的單冒號，但是拋開兼容性的問題，我們在書寫時應該盡可能養成好習慣，區分兩者。
以上是偽類和偽元素的區別的區別有哪些的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
