溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要為大家展示了“css3屬性雙冒號有什么用”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“css3屬性雙冒號有什么用”這篇文章吧。
css3屬性雙冒號代表該屬性是一個偽元素選擇器，是一個用于創建一些不在DOM樹中的元素，并為其添加樣式的選擇器。css3偽元素有“::after”、“::before”、“::first-letter”、“::first-line”等等。
本教程操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
css3屬性雙冒號代表該屬性是一個偽元素選擇器。
偽元素是什么
偽元素直義理解就是"假元素"或者"偽裝元素"。其實也可以這么理解， 偽元素實際上就是虛擬的元素，不存在的元素(code形式), 你也無發在文檔中找到他們，因此說偽元素是虛擬元素。
偽元素是一個用于創建一些不在DOM樹中的元素，并為其添加樣式的選擇器。
通過偽元素您不需要借助元素的 ID 或 class 屬性就可以對被選擇元素的特定部分定義樣式。例如通過偽元素您可以設置段落中第一個字母的樣式，或者在元素之前、之后插入一些內容等等。
CSS 中提供了一系列的偽元素，如下表所示：
| 偽元素 | 例子 | 例子描述 |
|---|---|---|
| ::after | p::after | 在每個 <p> 元素之后插入內容 |
| ::before | p::before | 在每個 <p> 元素之前插入內容 |
| ::first-letter | p::first-letter | 匹配每個 <p> 元素中內容的首字母 |
| ::first-line | p::first-line | 匹配每個 <p> 元素中內容的首行 |
| ::selection | p::selection | 匹配用戶選擇的元素部分 |
| ::placeholder | input::placeholder | 匹配每個表單輸入框（例如 <input>）的 placeholder 屬性 |
以上是“css3屬性雙冒號有什么用”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
