🔎這裡是【前端網頁】,關注我學習前端不迷路
👍如果對你有幫助,給部落客一個免費的點贊以示鼓勵
歡迎各位🔎點贊👍評論收藏⭐️
👀專欄介紹
【前端網頁】 目前主要更新HTML,一起學習一起進步。
👀本期介紹
本期主要介紹CSS樣式表進階之僞元素
文章目錄
1. 簡述及示例
2. 功能實作
2.1 樣式 API
2.2 代碼實作
3. 總結
1. 簡述及示例
僞元素:指某個标簽内容體的一部分,并非是
HTML
文檔中一個真正的完整标簽。
作用:用于向某些标簽的内容體追加特殊效果。
示例:
可以在某個元素内容之前加入 樣式和資訊
可以在某個元素内容之後加入 樣式和資訊
可以單獨為某個元素内容的第一個字元添加樣式
可以單獨為某個元素内容的第一行添加樣式
在以後的學習開發中,我們還會接觸到 a 标簽等特殊元素的僞元素設定。
2. 功能實作
2.1 樣式 API
僞元素書寫格式:
選擇器名
:
僞元素
例如: div:before
常見的僞元素:
2.2 代碼實作
:before 代碼
:after
:first-letter
:first-line