1、selector:before( sRules ) 它要和content屬性一起使用，設置在對象前（依據對象樹的邏輯結構）發生的內容； 2、selector:after( sRules ) 和before用法一樣，不過它是設置在對象后（依據對象樹的邏輯結構）發生的內容； ...

關於偽類元素:before和:after 　CSS中存在一些比較特殊的屬性，稱之為偽類，它們之中最常用的就是定義鏈接的偽 :link：未被訪問狀態 :visited：已被訪問狀態 :hover：鼠標懸停狀態 :active：活動狀態 除了它們，還有一些不被常使用的偽類 ...

li{ position: relative; float: left; width: 80px; ...

元素在CSS3中，推薦使用雙冒號:: 2. 偽元素和偽類的區別 偽元素是選中了某個元素的符合邏輯 ...

需求用法出現的背景： 由於項目UI的優化，項目中所有tab導航選中的狀態都是統一樣式書寫的，之前都是用的border-bottom，新的需求如果用以前的本辦法就是定位一個選中邊框在底部，但是涉及的模板頁面比較多，所以想在樣式中統一修改，就用到了：after這個偽類元素； 優化前： 優化后 ...

大家可能對偽類和偽元素有點迷糊，在介紹具體用法之前，簡單介紹下偽類和偽元素。偽類大家聽的多了，偽元素可能聽到的不是那么頻繁，其實 CSS 對這兩個是有區分的。 這里整理總結下： 有時你會發現偽類元素使用了兩個冒號 (::) 而不是一個冒號 (:)，這是 CSS3 ...

::before和::after偽元素的用法 一、介紹 css3為了區分偽類和偽元素，偽元素采用雙冒號寫法 ...

CSS中有一個特性允許我們添加額外元素而不擾亂文檔本身，它們是以CSS選擇器的形式出現的，具有標簽的表現效果，但是呢又不是真正的標簽元素，所以叫做“偽元素”。下面就說一下常見的兩個偽元素before和after。 一、偽元素基本用法 在CSS選擇器中加上相應偽類 ...