相关疑难解决方法(0)

如何将CSS计数器重置为给定列表的start-attribute

我正在使用一个自编的编号列表.如何读取start属性并使用CSS将其添加到计数器?

HTML

<ol>
    <li>Number One</li>
    <li>Number Two</li>
    <li>Number Three</li>
</ol>
<ol start="10">
    <li>Number Ten</li>
    <li>Number Eleven</li>
    <li>Number Twelve</li>
</ol>
Run Code Online (Sandbox Code Playgroud)

CSS

ol {
    list-style-type: none;

    /* this does not work like I expected */
    counter-reset: lis attr(start, number, 0);

}
li {
    counter-increment: lis
}
li:before {
    content: counter(lis)". ";
    color: red;
}
Run Code Online (Sandbox Code Playgroud)

小提琴

css html-lists css-counter

13
推荐指数
5
解决办法
1万
查看次数

标签 统计

css ×1

css-counter ×1

html-lists ×1