SOURCE

<!-- <p>我叫王小二，字如其名，下面要出现的数字是：</p>
<p class="counter"></p> -->

<!-- <p>我本名王小二，万万没想到，我现在居然成了王小...</p>
<p class="counter"></p> -->


<div class="reset">
    <div class="counter">
        我是王小二
        <div class="reset">
            <div class="counter"> 王小二的大儿子</div>
            <div class="counter">王小二的二儿子
                <div class="reset">
                    <div class="counter">王小二的二儿子的大儿子</div>
                    <div class="counter">王小二的二儿子的二儿子</div>
                    <div class="counter">王小二的二儿子的三儿子</div>
                </div>
            </div>
            <div class="counter">王小二的三儿子</div>
        </div> 
    </div>
    <div class="counter">我是王小三</div>
    <div class="counter">我是王小四</div>
</div>

/* .counter{
    counter-reset:wangxiaoer 1 wangxiaosan 2;
    font-size:32px;
    font-family: Arial, Helvetica, sans-serif;
    color: #cd0000;
}
.counter:before{
    content:counter(wangxiaoer)
}
.counter:after{
    content:counter(wangxiaosan)
} */

/* .counter{
    counter-reset:wangxiaoer 1 wangxiaosan 2;
    font-size: 32px;
    font-family: Arial, Helvetica, sans-serif;
    color: #cd0000;
}
.counter:before{
    content:counter(wangxiaoer) '\A' counter(wangxiaosan);
    counter-increment:wangxiaoer;
} */

.reset{
    padding-left: 20px;
    counter-reset: wangxiaoer;
}
.counter:before{
    content:counters(wangxiaoer,'-')'.';
    counter-increment: wangxiaoer;
}