CSS（一）內容生成
:與::區別
CSS3以前，全部的僞元素選擇器，所有都是 使用 :，ex :first-line,:first-letterhtml
CSS3中，將全部的僞元素選擇器所有都升級爲 :: , ex ::first-letter, ::first-line瀏覽器
爲了可以實現瀏覽器的兼容性，比較推薦使用 :的寫法code
內容生成：
一、:before 或 ::before
匹配到某元素的內容區域以前
<div>(內容區域以前)Hello World</div>htm二、:after 或 ::after
匹配到某元素的內容區域以後
<div>Hello World(內容區域以後)</div>blog
一、聲明或復位 計數器 :
counter-reset : name1 value1 name2 value2;utf-8
二、設置計數器增量 :
counter-increment: name1 value1;rem
三、使用計數器 :
counter(name1)it
<!doctype html>
<html>
<head>
<title>標題</title>
<meta charset="utf-8">
<style>
/*一、聲明或復位 計數器 : counter-reset*/
body{
counter-reset:c1 0;
}
/*二、設置計數器增量 :counter-increment*/
div{
counter-increment:c1 1;
}
/*三、使用計數器 : counter()*/
div:before{
content:"第"counter(c1)"句:";
}
</style>
</head>
<body>
<div>鋤禾日當午</div>
<div>汗滴禾下土</div>
<div>誰知盤中餐</div>
<div>粒粒皆辛苦</div>
</body>
</html>
運行效果：class
