僞元素與僞類的簡單介紹

僞類是一個以冒號(:)做爲前綴，被添加到一個選擇器末尾的關鍵字，當你但願樣式在特定狀態下才被呈現到指定的元素時，你能夠往元素的選擇器後面加上對應的僞類。

　　下面是幾個比較經常使用的僞類選擇器：

• :active CSS僞類匹配被用戶激活的元素。

• :hover 會在光標（鼠標指針）懸停在元素上時提供關聯的樣式。

• :focus 表示得到焦點的元素（如表單輸入）。

• :first-child 表示在一組兄弟元素中的第一個元素。

僞元素前綴是兩個冒號 (::) ， 一樣是添加到選擇器後面去選擇某個元素的某個部分。

　　下面是幾個比較經常使用的僞元素選擇器：

• ::before 建立一個僞元素，其將成爲匹配選中的元素的第一個子元素。常經過 content 屬性來爲一個元素添加修 飾性的內容。此元素默認爲行內元素。

• ::after 用來建立一個僞元素，做爲已選中元素的最後一個子元素。一般會配合content屬性來爲該元素添加裝 飾內容。這個虛擬元素默認是行內元素。

*::before和::after通常用於在css渲染中向元素邏輯上的頭部或尾部添加內容。

這些添加不會出如今DOM中，不會改變文檔內容，不可複製，僅僅是在css渲染層加入。

因此不要用:before或:after展現有實際意義的內容，儘可能使用它們顯示修飾性內容，例如圖標。

若是你們還想對僞類和僞元素有更多深刻的瞭解，請前往MDN進行了解學習，感謝你們的觀看！

　　MDN連接：https://developer.mozilla.org/zh-CN/