小編給大家分享一下偽類和偽元素的區(qū)別的區(qū)別有哪些，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領域值得信任、有價值的長期合作伙伴，公司提供的服務項目有：空間域名、網頁空間、營銷軟件、網站建設、游仙網站維護、網站推廣。

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 為了區(qū)分兩者，已經明確規(guī)定了偽類用一個冒號來表示，而偽元素則用兩個冒號來表示。

但因為兼容性的問題，所以現在大部分還是統一的單冒號，但是拋開兼容性的問題，我們在書寫時應該盡可能養(yǎng)成好習慣，區(qū)分兩者。

以上是偽類和偽元素的區(qū)別的區(qū)別有哪些的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯行業(yè)資訊頻道！