CSS 偽元素
阿新 • • 發佈：2020-12-24
CSS偽元素是用於新增某些選擇器的特殊效果.
偽元素的語法：
selector:pseudo‐element{property:value;}CSS類也可以使用偽元素：
selector.class:pseudo‐element{property:value;}:first-line 偽元素
first‐line偽元素用於向文字的首行設定特殊樣式。
CSS偽類/元素
| 選擇器 | 示例 | 示例說明 |
|---|---|---|
| :link | a:link | 選擇所有未訪問連結 |
| :visited | a:visited | 選擇所有訪問過的連結 |
| :active | a:active | 選擇正在活動連結 |
| :hover | a:hover | 把滑鼠放在連結上的狀態 |
| :focus | input:focus | 選擇元素輸入後具有焦點 |
| :first-letter | p:first-letter | 選擇每個<p> 元素的第一個字母 |
| :first-line | p:first-line | 選擇每個<p> 元素的第一行 |
| :first-child | p:first-child | 選擇器匹配屬於任意元素的第一個子元素的 <p> 元素 |
| :before | p:before | 在每個<p>元素之前插入內容 |
| :after | p:after | 在每個<p>元素之後插入內容 |
| :lang(language) |
p:lang(it) | 為<p>元素的lang屬性選擇一個開始值 |