CSS控制"标题前增加小图标或编号"

---题目前加图片---
p:before
 
{
 content:url(xxx/xx.png);
}//所有p的最前都有一个图标
p.a:after
{
 content:url(xxx/xx.png);
}//而含有类a的p最前和最后都有一个图标
 
<p>1</p>
<p>2</p>
 
<p>3</p>
 
<p>4</p>
 
<p class='a'>5</p>
 
---题目前加标号---
p:before
{
content:'第'counter(nameJiShuQi,第二个参数为编号种类)'章';
}
p
{
content-increment:nameJiShuQi;
}
 
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>