0920自我總結 關於hover與after,before已及first letter,first line的聯用 一.寫法 元素:hover::after{樣式} 元素:hover::before{樣式} 二.使用 元素:hover::after{樣式}與元素:after{content:'插入的 ...
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聯用寫法一直不過他只修改樣式,而不能對元素中內容進行新增內容已及新增內容樣式的修改
