僞類選擇器和僞元素選擇器

咱們再講選擇器權重的時候提到了類選擇器和僞類選擇器權重是同樣的那麼今天咱們就拿出來僞類選擇器和僞元素選擇器單獨講一下：

僞類選擇器：
僞類選擇器很簡單的理解就是在某種特殊的狀態下的樣式，好比說「點擊連接」這個狀態下的樣式。好比說「鼠標劃過」這個狀態下的樣式。主流的僞類選擇器有5種
link 超連接點擊以前
visited 連接被訪問過以後
以上兩種樣式，只能用於超連接。
動態僞類：針對全部標籤都適用的樣式。以下：
hover 「懸停」：鼠標放到標籤上的時候
active 「激活」： 鼠標點擊標籤，可是不鬆手時。
focus 是某個標籤得到焦點時的樣式（好比某個輸入框得到焦點）
別逼逼看代碼：

當鼠標劃過的時候

你們能夠寫一下代碼試一下，更直觀一些

僞元素選擇器：
僞元素選擇器使用後的效果是在不用僞元素選擇器的狀況下得經過創造一個新的的元素（標籤）才能作到
主要的僞元素選擇器有如下幾種：
爲某個元素的第一行文字使用樣式。
:first-line
爲某個元素中的文字的首字母或第一個字使用樣式。
:first-letter
在某個元素以前插入一些內容。
:before
在某個元素以後插入一些內容。
:after
別逼逼看代碼

若是如今還對個人僞元素的定義不理解的話，想想咱們不用僞元素的話，什麼樣的方法能夠實現上述效果