[css] 你有了解css计数器(序列数字字符自动递增)吗?如何通过css的content属性实现呢?
counter-reset:设置计数器 counter-reset: count 0 /* 计数器从1开始 */
counter-increment: 递增数值 counter-increment: count 2 /* 用于count 每次递增2 */
eg.<ul><li>Item</li><li>Item</li><ul><li>Item</li><li>Item</li></ul>
</ul>ul {counter-reset: count;
}
li::before {counter-increment: count;content: counters(count, '-')'.';
}1.Item
2.Item2-1.Item2-2.Item
个人简介
我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论
主目录
与歌谣一起通关前端面试题