html - 在 jsFiddle 中，不显示前导数字，为什么？

Question

我的CSS代码：

ol {
    list-style-type: decimal;
}

我的 HTML 代码：

<ol>
    <li>This is the first.</li>
    <li>This is the second.</li>
</ol>

我的代码在这里。

为什么他们不显示前导数字？

Answer 1

这是小提琴网站本身造成的。如果您在列表节点上使用 DOM 检查器，您会看到 Fiddle css 样式表 (normalize.css) 正在覆盖您自己的样式表。

如果取消选中 Fiddle 窗口左侧的“规范化 CSS”框，列表元素将按预期编号。

Answer 2

它本身正在显示，只是由于 jsfiddle 的 CSS 将边距重置为 0 的方式不可见。试试这个：

ol {
    list-style-type: decimal;
    margin: 0 2em;
}

链接：http: //jsfiddle.net/XMrbu/7/

Answer 3

事实上，你不需要使用

ol {
    list-style-type: decimal;
}

因为它是默认值。Normalized CSS导致问题。