如何使用css计数器使第一个li值为0，然后递增2？

使用CSS计数器可以实现使第一个li的值为0，然后递增2的效果。具体步骤如下：

ul {
  counter-reset: my-counter 0;
}

li {
  counter-increment: my-counter 2;
}

li::before {
  content: counter(my-counter);
}

完整的CSS代码如下：

ul {
  counter-reset: my-counter 0;
}

li {
  counter-increment: my-counter 2;
}

li::before {
  content: counter(my-counter);
}

这样，第一个li的值就为0，然后依次递增2。你可以将这段CSS代码应用到你的网页中相应的元素上。

页面内容是否对你有帮助？

有帮助

没帮助

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云