html - "List-style-type decimal"给要点不编号

Question

我有一些代码试图用来模拟 blockquote在某个实例中为我的 HTML 标记样式。

在 CSS 中，这个实例是 div.source ol li ，我的页面上的CSS如下(my site)

blockquote div {
    line-height:0;
    padding-top:0;
}
blockquote div p {
    line-height:1em;
}
div.source > p:first-child {
    display:inline;
}
div.source blockquote {
    margin-top:.9em;
}
div.source ol li {
    list-style-type:decimal;
}
div.source ol {
    font-family:SEGOEUIL;
    line-height:1;
    margin-top:.9em;
    font-size:130%;
    display:block;
    -webkit-margin-before:0;
    -webkit-margin-after:0;
    -webkit-margin-start:0;
    -webkit-margin-end:0;
    background-color:0 color-stop(50%, #E0F8E0), color-stop(51%, #E6F8E0), color-stop(100%, #F5FBEF));
    background:0;
    overflow:auto;
    white-space:pre-wrap;
    border-style:solid;
    border-width:0;
    padding:0 .9em;
}
blockquote {
    overflow:hidden;
    font-family:SEGOEUIL;
    font-size:12px;
    line-height:1;
    padding-top:0;
}
body {
    font-size:70%;
    line-height:1.4;
    margin:0;
}
blockquote p, div.source ol p {
    -webkit-margin-before:0;
    -webkit-margin-after:0;
}
# blockquote p sub, div.source ol p sub {
    margin-top:-15px;
}

如您所见，div.source ol表现得好像它是 blockquote就格式而言，但是 <li>标签呈现为元素符号点，当我检查元素时它显示 list-style-type:decimal应该是...谁能解释一下？

编辑 这是 list-style-position:inside根据 Explosion Pills 的推荐

EDIT 2 仍然只能缩进第一行...! http://jsfiddle.net/a6Dfh/

Answer 1

其实不是小数点而是小数点。问题是你有 list-style-position: outside (默认)，但是 <ol>包含在带有 overflow: hidden 的元素中所以你实际上看不到小数点。尝试向 <ol> 添加更多填充或将其更改为 list-style-position: inside ，或两者兼而有之，移动数字，直到它们适合您想要的位置。