Priešinis atstatymas - CSS-gudrybės

counter-resetNuosavybė leidžia Automatinis numeravimas elementų. Patinka užsakytas sąrašas (

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

counter-resetTurtas naudojamas iš naujo CSS skaitiklis iki tam tikros ribos.

Tai yra CSS skaitiklio modulio dalis, kuri yra sukurto turinio, automatinio numeravimo dalis, ir išvardijama CSS2.1 specifikacija, išplėsta sukurto ir pakeisto turinio modulio CSS3 specifikacijoje.

Sintaksė

counter-reset: ( ?)+ | none

Kur…

yra skaitiklio, kurį norite iš naujo nustatyti, pavadinimas
yra vertė, į kurią reikia iš naujo nustatyti skaitiklį
none išjungti skaitiklį

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

Pastaba: numatytoji sveikojo skaičiaus reikšmė yra 0. Jei po skaitiklio pavadinimo nenustatytas sveikasis skaičius, jis bus atstatytas į 0. Taigi, tai veikia taip, kaip tikėtasi:

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

Jei norite, galite iš naujo nustatyti kelis skaitiklius vienu metu naudodami tarpais atskirtą sąrašą. Kiekvienas iš jų turi savo konkrečią vertę.

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

Bus nustatyta my-awesome-counter5 ir my-other-counternumatytoji reikšmė: 0.

Jūs galite pamatyti šį sąrašą, kaip: counter1 value1 counter2 value2 counter3 value3… . Jei vertė nenurodyta, ji yra 0.

Demonstracija

Toliau pateiktoje demonstracijoje articleiš naujo nustatoma sectionnumatytoji reikšmė (0), kuri tada didinama kiekviename skyriuje, tada rodoma prieš skyrių antraštes.