小程序中用CSS实现列表序号

小程序的 WXML 语言中无 LI OL UL 等标签，只有 VIEW TEXT 等，要实现HTML中的 LI 功能，可以通过CSS来实现， 这个办法在 HTML 中也可行。

代码如下：

<view class="rulelist">
  <view class="ruleitem">对战需要2个人参与</view>
  <view class="ruleitem">同一题目两人抢答，先提交正确答案者得分</view>
  <view class="ruleitem">正确答案得3分，错误答案一次扣1分</view>
  <view class="ruleitem">20秒内两个选手均未提供正确答案，自动下一题</view>
  <view class="ruleitem">得分先超过30分者获胜</view>
</view>

.rulelist{counter-reset: ord; padding-left:20px; }
.ruleitem{padding:2px 0; font-size:14px; line-height: 18px;}
.ruleitem:before{content: counter(ord) "."; counter-increment: ord; margin-left: -20px; display:inline-block; width:20px;}

counter-rest 这个属性还可修改序号的起始值、增长步长等。