偽元素選擇器

2021-08-19 20:10:44 字數 573 閱讀 3219

1.:before選擇器

:before偽元素選擇器用於在被選元素的內容前面插入內容,必須配合content屬性來指定要插入的具體內容。格式如下:

《元素》:before
是指使用標識語言(markup language),通過一系列設計、建模、和執行的過程將電子格式的資訊通過網際網路傳輸,最終以圖形使用者介面(gui)的形式被使用者所瀏覽。

使用了選擇器「:before」,用於在段落前面新增內容,同時使用content屬性來指定新增的具體內容。

2.after選擇器

:after偽元素選擇器用於在某個元素之後插入一些內容,使用方法與:before選擇器相同。

書本

屬性選擇器,偽類選擇器,偽元素選擇器

屬性選擇器 1doctype html 2 html lang en 3 head 4 meta charset utf 8 5 title 屬性選擇器 title 6 style 7 屬性匹配 8 label for 12 屬性名匹配 13 label for pwd 17 以什麼結尾匹配 18 ...

偽元素和偽元素選擇器

偽元素 after和 before after是乙個css偽元素,使用 after,你可以從css裡往頁面上新增內容 不再要在html裡有相應的東西 雖然最終生成的東西並不是真正的dom裡的內容,但這些內容能像普通內容一樣顯示,基本的效果是這樣的 雙冒號 和單冒號 的區別 所有支援css3的雙冒號 ...

CSS選擇器 偽元素選擇器

css選擇器 偽元素選擇器 偽元素以 開頭,用在選擇器後,用於選擇指定的元素。after選中之後的不存在的節點,可配合content屬性進行內容填充 section h3 after before選中之前的不存在的節點,可配合content屬性進行內容填充 section h3 before fir...