CSS计数器counter-reset两个命名并存实例页面

展示

代码

• HTML：

  <p>我叫王小二，万万没想到，会出现另外一个数字：</p>
  <p class="counter"></p> 

• CSS：

  .counter {
    counter-reset: wangxiaoer 2 wangxiaosan 3; 
    font-size: 32px; 
    font-family: Arial black; 
    color: #cd0000; 
  }
  .counter:before { 
    content: counter(wangxiaoer); 
  }
  .counter:after { 
    content: counter(wangxiaosan); 
  }