站長(zhǎng)資訊網(wǎng)
css3屬性雙冒號(hào)代表該屬性是一個(gè)偽元素選擇器，是一個(gè)用于創(chuàng)建一些不在DOM樹中的元素，并為其添加樣式的選擇器。css3偽元素有“::after”、“::before”、“::first-letter”、“::first-line”等等。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css3屬性雙冒號(hào)代表該屬性是一個(gè)偽元素選擇器。
偽元素是什么
偽元素直義理解就是"假元素"或者"偽裝元素"。其實(shí)也可以這么理解， 偽元素實(shí)際上就是虛擬的元素，不存在的元素(code形式), 你也無(wú)發(fā)在文檔中找到他們，因此說(shuō)偽元素是虛擬元素。
偽元素是一個(gè)用于創(chuàng)建一些不在DOM樹中的元素，并為其添加樣式的選擇器。
通過(guò)偽元素您不需要借助元素的 ID 或 class 屬性就可以對(duì)被選擇元素的特定部分定義樣式。例如通過(guò)偽元素您可以設(shè)置段落中第一個(gè)字母的樣式，或者在元素之前、之后插入一些內(nèi)容等等。
CSS 中提供了一系列的偽元素，如下表所示：
| 偽元素 | 例子 | 例子描述 |
|---|---|---|
| ::after | p::after | 在每個(gè) <p> 元素之后插入內(nèi)容 |
| ::before | p::before | 在每個(gè) <p> 元素之前插入內(nèi)容 |
| ::first-letter | p::first-letter | 匹配每個(gè) <p> 元素中內(nèi)容的首字母 |
| ::first-line | p::first-line | 匹配每個(gè) <p> 元素中內(nèi)容的首行 |
| ::selection | p::selection | 匹配用戶選擇的元素部分 |
| ::placeholder | input::placeholder | 匹配每個(gè)表單輸入框（例如 <input>）的 placeholder 屬性 |
（學(xué)習(xí)視頻分享：css視頻教程、web前端）
