css中的::after和::before已經被大量地使用在我們日常開發(fā)中了，使用他們可以使我們的文檔結構更加簡潔。但是很多人對::after和::before仍不是特別了解，究竟他們是做什么的？如何使用他們？什么時候應該使用他們？筆者總結了一些對偽元素的理解和使用經驗。
一、概念：
1.定義
The CSS ::before(::after) pseudo-element matches a virtual first(last) child of the selected element. It is typically used to add cosmetic content to an element by using the content CSS property. This element is inline by default.
從定義我們知道::before和::after匹配一個虛擬元素，主要被用于為當前元素增加裝飾性內容的。他顯示的內容是其自身的“content”屬性，默認是內聯(lián)元素。
其實::after和::before被引入css中，最核心的目的，還是為了實現(xiàn)語義化。在我們實際開發(fā)時候經常有這樣的經歷，為了實現(xiàn)一些效果，在文檔中創(chuàng)建了一些沒有實際內容的節(jié)點，或者加入輔助樣式的文本，如：
<style> ul{ list-style:延伸閱讀
- ssh框架 2016-09-30
- 阿里移動安全 [無線安全]玩轉無線電——不安全的藍牙鎖 2017-07-26
- 消息隊列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標分割】 2017-07-26
- 詞向量-LRWE模型-更好地識別反義詞同義詞 2017-07-26
- 從棧不平衡問題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實現(xiàn)JSON轉Model - HandyJSON使用講解 2017-07-26
- 阿里移動安全 Android端惡意鎖屏勒索應用分析 2017-07-26
- 集合結合數(shù)據結構來看看(二) 2017-07-26
學習是年輕人改變自己的最好方式