css3屬性雙冒號代表該屬性是偽元素選擇器,是用來建立一些不在DOM樹中的元素,並為其新增樣式的選擇器。 css3偽元素有「::after」、「::before」、「::first-letter」、「::first-line」等等。
本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
css3屬性雙冒號代表該屬性是偽元素選擇器。
偽元素是什麼
#偽元素直義理解就是"假元素"或"偽裝元素"。其實也可以這麼理解, 偽元素其實就是虛擬的元素,不存在的元素(code形式), 你也無發在文檔中找到他們,因此說偽元素是虛擬元素。
偽元素是一個用於建立一些不在DOM樹中的元素,並為其添加樣式的選擇器。
透過偽元素您不需要藉助元素的 ID 或 class 屬性就可以對被選擇元素的特定部分定義樣式。例如透過偽元素您可以設定段落中第一個字母的樣式,或在元素之前、之後插入一些內容等等。
CSS 中提供了一系列的偽元素,如下表所示:
偽元素 | #範例 | 範例描述 |
---|---|---|
::after | p::after | 在每個 元素之後插入內容 |
::before | p::before | 在每個 元素之前插入內容 |
#::first-letter | p::first-letter | #符合每個 元素中內容的首字母 |
#::first-line | p::first-line | 符合每個 元素中內容的首行 |
::selection | p::selection | 符合使用者選擇的元素部分 |
::placeholder | input:: placeholder | 符合每個表單輸入框(例如)的placeholder 屬性 |
以上是css3屬性雙冒號代表什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!