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>