偽元素before和after本質

2022-05-26 20:18:07 字數 808 閱讀 5231

之所以被稱為偽元素,是因為他們不是真正的頁面元素,html沒有對應的元素,但所有的用法和表現行為和真正的頁面元素是一樣的,可以對其使用諸如頁面元素一樣的css樣式,

表面上看上去貌似頁面的謀些元素,實際上是css展現行為,因此被稱為偽元素,

偽元素新增的內容預設是inline元素,表示偽元素的內容必須設定content屬性,否則不生效

類選擇 偽類選擇器 就是選區物件

偽元素選擇器本質上就是插入乙個元素()

演示例子:

偽元素 after和 before

after是乙個css偽元素,使用 after,你可以從css裡往頁面上新增內容 不再要在html裡有相應的東西 雖然最終生成的東西並不是真正的dom裡的內容,但這些內容能像普通內容一樣顯示,基本的效果是這樣的 div after 你好div before跟 after完全類似,只是它插入的內容會出...

偽元素 after和 before

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

偽元素 after和 before

after是乙個css偽元素,使用 after,你可以從css裡往頁面上新增內容 不再要在html裡有相應的東西 雖然最終生成的東西並不是真正的dom裡的內容,但這些內容能像普通內容一樣顯示,基本的效果是這樣的 div after 你好 before跟 after完全類似,只是它插入的內容會出現在其...