出于样式的原因,我使用带有伪类的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)
您可以在counter-reset以下位置指定起始值:
counter-reset: item 13;
Run Code Online (Sandbox Code Playgroud)
不幸的是,当前的浏览器不支持访问属性值,所以类似的东西counter-reset: item calc(attr(start) - 1);不起作用.您必须明确设置该值.