html - 如何在 CSS 中设置伪计数器的样式

Question

如何更改此示例中计数器的字体大小:

<style>
p
{
counter-increment: myIndex;
}

p:before
{
content:counter(myIndex);
}
</style>

网页内容

<p>First make a variable (myIndex) and make it increase every time a p element occurs.</p>
<p>Then insert the counter in front of all p elements</p>
<p><b>Note:</b> For the counter property to work in IE8, a DOCTYPE must be declared.</p>

http://www.w3schools.com/cssref/tryit.asp?filename=trycss_content_counter

Answer 1

只需为 :before 伪设置 font-size。

Demo Fiddle

p {
    counter-increment: myIndex;
}
p:before {
    content:counter(myIndex);
    font-size:30px;
}