Priešpriešinis prieaugis - CSS-gudrybės

Anonim

Sutvarkyti sąrašai nėra vieninteliai elementai, kuriuos galima automatiškai sunumeruoti. Dėl įvairių su kovos įrankiais susijusių savybių bet kuris elementas gali būti.

 
body ( counter-reset: my-awesome-counter; ) section ( counter-increment: my-awesome-counter; ) section:before ( content: counter(my-awesome-counter); )

Kiekvienas prasidės atitinkamai „1“, „2“, „3“ arba „4“.

Skaitiklio stilių galite valdyti kableliais, atskirdami skaitiklio funkciją. pvz., kad jie naudotų romėniškus skaičius:

section:before ( content: counter(my-awesome-counter, upper-roman); )

Demonstracija

„CodePen“:

Daugiau informacijos

  • CSS3 spec
  • MDN dokumentai

Naršyklės palaikymas

„Chrome“ „Safari“ „Firefox“ Opera T.Y „Android“ „iOS“
2+ 3.1+ Bet koks 9,2+ 8+ TBD TBD