偽元素
我們知道隨著CSS規范進一步完善，新增的CSS偽元素越來越多，但是在日常開發中，我們常用的及瀏覽器支持情況比較樂觀的當數before和after了。但是我們在日常開發中使用的都是:after {content: ”;}來清除浮動，及新增一個元素（照顧到IE8瀏覽器這里使用單冒號）。但是content的可取值有哪些呢？
1. 字符串： content: “a string”- 注意：特殊字符必須使用unicode編碼；
2. 圖片： content: url(/path/to/benjamin.png) – 圖片以原始尺寸插入，不能調整大小。因圖片支持漸變，因此可以對偽元素使用漸變效果；
3. 無字符： content: “”- 這個在清除浮動和設置背景圖片比較有用，我們可以設置背景圖片的width和height，甚至我們可以使用background-size屬性來調整背景圖片大小；
4. 計數器： content: counter(li)- 在:marker出現之前，對于設置列表序號樣式比較有用；具體參見下面代碼：
PS：我們不能設置content: “<h2>Benjamin</h2>”，它不會解析按HTML代碼片段解析，而會解析為字符串；
5. content: attr(attrName)
content可以利用attr函數獲取屬性值，尤其使用在偽類中比較方便。見如下代碼：
新聞熱點
疑難解答
