ol不能从特定计数开始

Question

出于样式的原因，我使用带有伪类的ol元素。不幸的是，我无法从所需的索引开始计算列表项。有什么问题？

js fiddle

HTML

<ol start="14">
    <li>car</li>
    <li>flower</li>
    <li>garden</li>
    <li>shool</li>
    <li>river</li>
</ol>

CSS

ol {
    width: 850px;
    padding: 0;
    margin: 0 auto;
    counter-reset: item;
    list-style-type: none;
    font-size: 18px;
    line-height: 23px;
    font-weight: 400;
    font-style: normal;
}
li:before {
    content: counter(item)" ";
    counter-increment: item;
}

Answer 1

您可以在counter-reset中指定起始值：

counter-reset: item 13;

不幸的是，目前的浏览器不支持访问属性值，因此像counter-reset: item calc(attr(start) - 1);这样的东西不起作用。您必须明确设置值。

Answer 2

问题是您正在使用css规则counter-reset: item

重置索引

要使用counter-reset: item 13

获得所需结果

在这里查看更新的小提琴：http://jsfiddle.net/h4m5utr8/3/