代码测试器和网站中有序列表的不同格式

时间:2014-06-08 09:44:07

标签: html css

我想制作一个如下编号的列表:

10.1.1测试
10.1.2试验
10.1.3测试

......等等。我已设法通过以下代码并使用jsfiddler.net进行测试来实现它:

<ol class="list-10-1">
    <li>test</li>
    <li>test</li>
    <li>test</li>
    <li>test</li>
    <li>test</li>
</ol>

使用以下样式

ol li{
        counter-increment: myIndex;
    }

    ol.list-10-1 li:before{
        content:"10.1."counter(myIndex)". ";
    }

然而,当我在Drupal网站上粘贴相同的HTML代码时,我得到了

  1. 10.1.1测试
  2. 10.1.2测试
  3. 10.1.3测试
  4. 有人可以帮我解决这个问题吗?谢谢!

1 个答案:

答案 0 :(得分:0)

只需添加:

ol{
    list-style-type: none;
}

fiddle