偽類：向某些選擇器中添加特殊的效果
偽元素：將一些特殊的效果添加到某些選擇器
自己的個(gè)人理解偽類就是一些狀態(tài)屯烦，比如:hover狈癞、:active、:link嚷缭、:visited、:first-child、:focus
偽元素阅爽，顧名思義路幸，就是偽造的元素，像:after付翁、:before简肴、:first-line、first-letter這些
（以上只是個(gè)人便于理解）
下面才是真的重頭戲：
啥也不說(shuō)百侧，直接上代碼吧：
關(guān)于偽類
p>i:first-child {color: red}
<p>
<i>first</i>
<i>second</i>
</p>
.first-child {color: red}
<p>
<i class="first-child">first</i>
<i>second</i>
</p>
關(guān)于偽元素
p:first-letter {color: red}
<p>I am stephen lee.</p>
.first-letter {color: red}
<p><span class='first-letter'>I</span> am stephen lee.</p>
你會(huì)發(fā)現(xiàn)砰识，偽類的實(shí)現(xiàn)可以通過(guò)添加一個(gè)類來(lái)達(dá)到目的，但是偽元素的話就是通過(guò)添加一個(gè)實(shí)際的元素才能達(dá)到目的移层，這樣它們的命名是這樣就無(wú)可厚非了
最后一點(diǎn)仍翰，就是CSS3為了區(qū)別上述兩者，偽類使用的是：——一個(gè)冒號(hào),而偽元素使用的是::——兩個(gè)冒號(hào)
