CSS计数器counter-reset两个命名并存测试实例页面
回到相关文章 »代码:
CSS代码:
.counter {
counter-reset: wangxiaoer 2 wangxiaosan 3;
font-size: 24px; font-family: arial black;
color: #cd0000;
}
.counter:before { content: counter(wangxiaoer); }
.counter:after { content: counter(wangxiaosan); }
HTML代码:
<strong>我叫王小二,万万没想到,会出现另外一个数字:</strong>
<p class="counter"></p>
<strong>我是王小二,后面跟了个小三,我不认识他!</strong>
效果:
我叫王小二,万万没想到,会出现另外一个数字:
我是王小二,后面跟了个小三,我不认识他!