Vastulähtestamine - CSS-trikid | CSS-i almanahh 2025

counter-resetVara võimaldab Nummerdamiseks elemente. Nagu järjestatud loend (

article ( counter-reset: section; ) section ( counter-increment: section; ) section h2:before ( content: counter(section) '. '; )

counter-resetVara kasutatakse reset CSS vastuollu antud väärtuse.

See on osa CSS-loendurimoodulist, mis on osa loodud sisust, automaatsest nummerdamisest ja sisaldab loendeid CSS2.1 spetsifikatsioonidest, mida on laiendatud genereeritud ja asendatud sisumooduli CSS3 spetsifikatsioonides.

Süntaks

counter-reset: ( ?)+ | none

Kus ...

on loenduri nimi, mille soovite lähtestada
on väärtus, millele loendur lähtestada
none keelake loendur

body ( counter-reset: my-awesome-counter 0; )

Märkus: täisarvu vaikeväärtus on 0. Kui loenduri nime järel pole täisarvu määratud, lähtestatakse see väärtuseks 0. Seega töötab see ootuspäraselt:

body ( counter-reset: my-awesome-counter; )

Tühikuga eraldatud loendiga saate lähtestada korraga mitu loendurit, millest igaühel on oma konkreetne väärtus, kui soovite.

body ( counter-reset: my-awesome-counter 5 my-other-counter; )

See lähtestatakse my-awesome-counterväärtusele 5 ja my-other-countervaikeväärtusele: 0.

Näete seda nimekirja: counter1 value1 counter2 value2 counter3 value3… . Kui väärtus jäetakse välja, on see 0.

Demo

Järgmises demos articlelähtestatakse sectionloendur vaikeväärtusele (0), mida seejärel suurendatakse iga jaotise esinemise korral ja kuvatakse seejärel jaotiste pealkirjade ees.