首頁 >web前端 >前端問答 >css3屬性雙冒號代表什麼

css3屬性雙冒號代表什麼

青灯夜游
青灯夜游原創
2022-03-18 18:09:132097瀏覽

css3屬性雙冒號代表該屬性是偽元素選擇器,是用來建立一些不在DOM樹中的元素,並為其新增樣式的選擇器。 css3偽元素有「::after」、「::before」、「::first-letter」、「::first-line」等等。

css3屬性雙冒號代表什麼

本教學操作環境: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 屬性

(學習影片分享:css影片教學web前端

以上是css3屬性雙冒號代表什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn