W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <head> <style> ol { counter-reset: section; list-style-type: none; } li::before { counter-increment: section; content: counters(section, "-", lower-alpha) " "; } </style> </head> <body> <h1>counters() 函数</h1> <p>在这里，我们使用 counters() 函数在不同级别的嵌套计数器之间插入字符串：</p> <ol> <li>项目</li> <li>项目 <ol> <li>项目</li> <li>项目</li> <li>项目 <ol> <li>项目</li> <li>项目</li> <li>项目</li> </ol> </li> <li>项目</li> </ol> </li> <li>项目</li> <li>项目</li> </ol> </body> </html>