Question

我需要在ol列表中添加双重数字。一个例子是：

欢迎访客 1.1。介绍 1.2。更多信息 1.3。更多信息 1.4。更多信息 1.5。更多信息
另一个OL 2.1。更多信息 2.2。更多信息 2.3。更多信息

我知道嵌套信息和对齐方式，以及起始编号和自定义图像。但我不能得到上面的两个数字系统号码。我缺少一条基本规则吗？

我使用上述隐私政策，它需要采用格式，我甚至不打算对其进行竞争。由于浏览器兼容性，我不想使用：

任何帮助都会很棒：）

Answer 1

你需要将list-style-type重置为none，然后使用带有伪类的counter css：before。

伪元素::之前将无法使用IE8。

如果你有一个jsfiddle，我们可以从你的代码中显示：）

Answer 2

我使用上述隐私政策，它需要采用格式，我甚至不打算对其进行竞争。由于浏览器兼容性，我不想使用：

如果确切正确的布局即使在旧浏览器中也非常重要 - 那么我会使用UL代替并将编号放入LI硬编码中：

<ul>
    <li>1. Visitor
        <ul>
            <li>1.1 Introduction</li>
            <li>1.2 Further Info</li>
            ...
        </ul>
    </li>
    ...
</ul>

CSS OL列表 - 双号

2 个答案: