小编vrm*_*mtm的帖子

嵌套列表上的CSS计数器重置

counter-reset当ol在div中时,我正在努力奋斗.代码段编号中的红色列表应为:

1,2,3

不:

3.1,3.2,3.3,

ol {
    counter-reset: item;
    list-style: none;
}
li:before {
    counter-increment: item;
    content: counters(item, ".")" ";
}

Run Code Online (Sandbox Code Playgroud)

<ol>
    <li>BBD</li>
    <li>BBD
        <ol>
            <li>BBD</li>
            <li>BBD</li>
            <li>BBD</li>
        </ol>
    </li>
    <li>BBD</li>
</ol>

<ol>
    <li>BBD</li>
    <li>BBD</li>
    <li>BBD</li>
</ol>

<div>
    <ol style="color:red;">
        <li>BBD</li>
        <li>BBD</li>
        <li>BBD</li>
    </ol>
</div>

Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/1dab8xs7/1/

css css3 css-counter

vrm*_*mtm

2015 07-21

10
推荐指数

1
解决办法

3589
查看次数