相关疑难解决方法(0)

嵌套列表上的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
查看次数

在html中显示列表和子列表

如何组织HTML代码(使用ol\li等)来呈现这样的列表(带有子列表)

1. BLA-BLA-BLA

1.1. Bla-bla-bla.
1.2. Bla-bla-bla.
1.3. Bla-bla-bla:
  lalal - balalala;
  lalal - balalala;
  lalal - lalalla.
1.4. Blal-a lalslas
1.4.1. bklalala
1.4.2. sdsdsdsdsd

Run Code Online (Sandbox Code Playgroud)

注意:这与我想要的不一样在此输入图像描述