制作效果图：
分析：
①有序列表默认支持1、I、i、A、a五种列表样式，无法支持特殊的列表样式。
②特殊的有序列表样式需要使用css中的counter（）计数器进行计数；使用li标签的before伪元素存放计数器的数值。
③由于该排行榜不是从数字1开始展示，需要在ul标签设置counter-reset:sectioncounter 1，实现计数器从2开始展示。
详细代码如下：排行榜代码
如何设计特殊样式的有序列表？
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
推荐阅读更多精彩内容
- Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
