ol不能从特定计数开始

use*_*372 2 html css

出于样式的原因,我使用带有伪类的ol元素.不幸的是,我无法从所需的索引开始计算列表项.怎么了?

小提琴

HTML

<ol start="14">
    <li>car</li>
    <li>flower</li>
    <li>garden</li>
    <li>shool</li>
    <li>river</li>
</ol>
Run Code Online (Sandbox Code Playgroud)

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;
}
Run Code Online (Sandbox Code Playgroud)

Ily*_*syn 6

您可以在counter-reset以下位置指定起始值:

counter-reset: item 13;
Run Code Online (Sandbox Code Playgroud)

不幸的是,当前的浏览器不支持访问属性值,所以类似的东西counter-reset: item calc(attr(start) - 1);不起作用.您必须明确设置该值.