.item:nth-child(9)~.item{counter-increment: count;} 其实，还有一种方式也值得一试，那就是直接指定计数器的初始值，默认为0，现在改为 -9 就可以了，实现如下
.list{counter-reset: count -9; }不一样的初始化思路，剩下的就和之前一样的逻辑了，完整代码可访问 list-counter-reset (codepen.io)[4]
六、总结和说明 这个案例到这里就结束了，一个低成本的 CSS 小技巧，虽然不多，但是非常实用，尤其是选择器的运用，说不定将来哪次就会用上了 。CSS 计数器可以说是非常灵活和强大了，仔细挖掘应该还能实现更多实用的效果，这里总结一下：
- 九宫格布局如果不考虑兼容性优先使用 grid 布局自适应正方形可以使用 aspect-ratio 实现遇到和序列有关的布局，优先考虑 CSS 计数器灵活运用 CSS 选择器，nth-child(n)和 ~ 可以组合选择第 n 个以后的元素可以指定从第 n 个元素开始计数可以指定计数器的初始值CSS 计数器没有兼容性问题，可以放心使用
推荐阅读
- 简单java小程序代码 入门的java游戏小程序教程
- 数控编程代码大全 代码大全
- python入门教程( python扫雷代码源码
- linux创建用户命令代码讲解 linux创建用户命令代码
- qq留言代码爱情 空间留言留言大全爱情
- 创业板指数代码是多少，怎么计算创业板指数
- css设置字体颜色代码 css样式颜色怎么设置
- 上海微电子股票代码 上海微电子装备年终奖
- 电脑程序编程入门代码 c++游戏编程源代码
- html透明背景代码 html透明色怎么设置