關於hover與after,before已及first-letter,first-line的聯用

0920自我總結

關於hover與after,before已及first-letter,first-line的聯用

一.寫法

元素:hover::after{樣式}

元素:hover::before{樣式}

二.使用

元素:hover::after{樣式}與元素:after{content:'插入的內容'}聯用

元素:hover::before{樣式}與元素:before{content:'插入的內容'}聯用
:before 在元素以前添加內

:after 在元素以後添加內容

無法用來修改原元素的樣式

三.補充僞類:first-letter已及:first-line

僞類	解釋
:first-letter	向文本的第一個字母添加特殊樣式
:first-line	向文本的首行添加特殊樣式。

同理:first-letter與:first-line聯用寫法一直不過他只修改樣式,而不能對元素中內容進行新增內容已及新增內容樣式的修改