CSS计数器多个counter并存测试实例页面
回到相关文章 »代码:
CSS代码:
.counter { counter-reset: wangxiaoer 2 wangxiaosan 3; font-size: 24px; font-family: arial black; color: #cd0000; } .counter:before { content: counter(wangxiaoer) '\A' counter(wangxiaosan); white-space: pre; }
HTML代码:
<strong>我叫王小二,万万没想到,会出现另外一个数字:</strong> <p class="counter"></p> <strong>我是王小二,下面跟了个小三,早知道下饺子的!</strong>
效果:
我叫王小二,万万没想到,会出现另外一个数字:
我是王小二,下面跟了个小三,早知道下饺子的!