css - 幻灯片计数器并在每张幻灯片上显示

Question

我正在寻找集成自定义 CSS 来计算我的 DIVI 幻灯片并显示当前幻灯片编号。我正在使用以下代码，但它似乎无法正常工作，并且每张幻灯片都显示“幻灯片编号 1”

.slide {
  counter-reset: 
    currentslide 0 
}                

slide::before {
  counter-increment: slide;                                                                    
}
#test .et_pb_slides .et_pb_slide:before { margin-left: 100px; opacity: 0; position: absolute; bottom: 17px; }
#test .et_pb_slides .et-pb-active-slide:before { opacity: 1; }
#test .et_pb_slides .et_pb_slide:nth-child(n)::before { counter-increment: slide; content: "slide number " counter(slide) ; }

有没有办法计算并显示每张幻灯片的幻灯片编号？

谢谢

标签： css

Answer 1

您的命名不一致：您正在设置/重置“currentslide”，然后增加并稍后使用“slide”。它们必须相同。