昨天在工作的時候，遇到了乙個問題，如圖所示
看到紅色標記了沒，當時 打算直接讓ui設計師切一條線給我，然後我直接定位到頁面上的，後來同事跟我說可以用after和before這兩個偽類，當時我就不是特別明白，後來回去查了一下資料，實現了的樣式。
在這裡，我想記錄一下自己對after和after這兩個偽類的理解：
《1》明白它們其實是兩個內聯元素，即沒有高度和寬度；
《2》既然是內聯元素，當使用它們的時候，那就分別位於元素的前後位置；
《3》用法：
最後在結束的位置，附上我的**，
記下此文，希望可以方便自己以後查詢相關知識。
偽元素 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 的應用
在了解高階的應用之前，先來了解一下語法規則。平常僅僅需要將這兩個偽元素用於新增一些自定義字元時，只需使用偽類使用的單冒號寫法，以保證瀏覽器的相容性 p before 不過，在 css3 中為了區別偽元素和偽類為偽元素使用了雙冒號，因此如果使用了 display 或者 width 等屬性時使得顯示脫離...