主页
CSS
CSS 计数器
trycss_counters3
运行 ❯
×
更改方向
保存代码
更改主题
<!DOCTYPE html> <html> <head> <style> ol { counter-reset: section; list-style-type: none; } li::before { counter-increment: section; content: counters(section,".") " "; } </style> </head> <body> <ol> <li>项目</li> <li>item <ol> <li>项目</li> <li>项目</li> <li>item <ol> <li>项目</li> <li>项目</li> <li>项目</li> </ol> </li> <li>项目</li> </ol> </li> <li>项目</li> <li>项目</li> </ol> <ol> <li>项目</li> <li>项目</li> </ol> <p><b>注意：</b> IE8 仅在指定 !DOCTYPE 时才支持这些属性。</p> </body> </html>