- Impahla yokwenyusa okuphambene ivumela onjiniyela ukuthi bakhuphule noma banciphise inani le-variable ye-CSS ebizwa ngokuthi i-counter.
- Ukufaka izinombolo okusebenzayo kudinga inhlanganisela yokusetha kabusha okuphikisayo ukuze kuqalwe ukubalwa kanye nomsebenzi we-counter() ukuze kuboniswe inani.
- Ukusetshenziswa okuthuthukisiwe kufaka phakathi izibali ezifakwe esidlekeni ezisebenzisa umsebenzi we-counters() kanye nokufometha ngokwezifiso ngezinombolo zesiRoma noma uhlu lwezinhlamvu.
Wake wabheka idokhumenti ende wafisa sengathi ungabhala izinombolo zezihloko zakho ngokuzenzakalelayo ngaphandle kokuthayipha ngesandla u-"1, 2, 3" njalo uma ufaka isigaba esisha? Kulungile, unenhlanhla ngoba i-CSS inendlela eyakhelwe ngaphakathi yokusingatha lokhu. Cabanga ngama-counter e-CSS njengezinto eziguquguqukayo zangaphakathi ezilandela izinombolo njengoba isiphequluli senza ikhasi lakho libuke, okukuvumela ukuthi udale uhlu kanye nokulandelana okuzibuyekeza ngokushesha.
Nakuba kungase kubonakale njengento ongayidinga i-JavaScript, lawa mathuluzi atholakala kusiphequluli futhi alula kakhulu. Ngokusebenzisa ukwanda okuphikisanayo kanye nezinye izakhiwo , ungaguqula izakhi ze-HTML ezicacile zibe ukulandelana okuhlelekile, okunezinombolo, okwenza okuqukethwe kwakho kube lula kakhulu kubasebenzisi bakho ngenkathi ugcina uphawu lwakho luhlanzekile futhi lunencazelo.
I-Core Mechanics: Indlela Esebenza Ngayo
Ukuze lezi zibalo zisebenze, awukwazi ukusebenzisa isici esisodwa kuphela; udinga iqembu elincane lemithetho ye-CSS elisebenza ndawonye. Okokuqala, une -counter-reset , esebenza njengomugqa wokuqala. Iqala i-counter enegama elithile, futhi, ngokuzithandela, inombolo yokuqala. Uma unganikezi inombolo, ivele ibe ngu-0 . Isibonelo, uma ufuna into yakho yokuqala ibe ngu-1, ungayisetha kabusha ibe ngu-0 ngaphambi kokuba izinto zivele.
Bese kufika inkanyezi yombukiso: counter-increment . Le mpahla itshela isiphequluli ukuthi sengeze inani kukhawunta yakho eqanjwe igama njalo lapho ihlangana nesikhethi esithile. Ngokuzenzakalelayo, ingeza u-1, kodwa ungacacisa noma iyiphi inombolo ephelele . Uma usebenzisa inombolo engemihle, njenge--1, ikhawunta empeleni izobala emuva, okuyicebo elihle lokudala ukubala phansi noma uhlu olubuyiselwe emuva. Uma udinga ukuvimba ikhawunta ukuthi ikhule endaweni ethile, ungayibeka nje ibe yi- nothing.
Ukuletha Izinombolo Esikrinini
Into eyodwa ekhubekisa abaqalayo ukuthi amakhawunta awabonakali ngokuzenzakalelayo. Ziyizinombolo ezintantayo kwimemori yesiphequluli. Ukuze uzibone ngempela, kufanele usebenzise impahla yokuqukethwe, ngokuvamile ngaphakathi ::before or ::after isici mbumbulu. Yilapho umsebenzi we-counter() kuyaqala ukusebenza, okubuyisa inani lamanje le-variable yakho bese kuyiphrinta njengombhalo.
- Ukuqaliswa okuyisisekelo: Uqondisa into ofuna ukuyinika izinombolo, yisebenzise
counter-increment, bese usebenzisacontent: counter(name);ku-element-mbumbulu. - Izintambo Zenziwe Ngokwezifiso: Awunqunyelwe enanini kuphela. Ungakwazi umbhalo ohlanganisiwe, njenge
content: \"Step \" counter(my-counter) \": \";ukudala ukubukeka kobungcweti. - Ukulungisa Umphumela: Ungashintsha indlela inombolo ebukeka ngayo ngokudlulisela impikiswano yesibili kumsebenzi. Isibonelo, isiRoma esiphezulu ngizokunikeza izinombolo zesiRoma, ngenkathi i-alpha engezansi inikeza uhlu olubhalwe ngezinhlamvu.
Amasu Athuthukile kanye Namacala Okusetshenziswa Kwangempela
Uma ubhekene izakhiwo ezifakwe izidleke, njengohlu lokuqukethwe lapho unezigaba 1, 1.1, kanye no-1.1.1, ikhawunta eyodwa ayanele. Yilapho umsebenzi wokubala () (ubuningi) usindisa impilo. Ngokungafani nenguqulo eyodwa, counters() ingalandelela amazinga amaningi ahlanganisiwe futhi bajoyine ngentambo, njengenkathi, ukudala uhlelo lokufaka izinombolo oluhlelekile.
Isicelo esiwusizo kakhulu siyanezela izinombolo zomugqa kuya kumabhulokhi ekhodiUma usebenzisa ama-syntax highlighters angasekeli ukuhlukanisa izinombolo ebhokisini, ungaqondisa imigqa yekhodi nge-CSS. Ngokusetha kabusha ikhawunta ku- <pre> ukumaka nokukwandisa kukho konke .line ikilasi, udala ikholomu yezinombolo engenamthungo ngaphandle kokuthinta i-logic yakho ye-JavaScript.
Elinye icebo elihlakaniphile yileli ukubala abafowabo nodadewabo ezingakakhiwa ngokobuchwepheshe. Uma unochungechunge lwe <h2> futhi <h3> amathegi, ungenza <h2> setha kabusha <h3> ikhawunta. Lokhu kudala ukulandelana okunengqondo lapho izihlokwana ziqala kabusha kusukela ku-1 njalo lapho kuvela isihloko esisha esiyinhloko, yize zonke ziyizelamani ku-DOM.
Izwi Ngokufinyeleleka
Nakuba kuyalinga ukusebenzisa izibali ze-CSS ukwenza noma yiliphi iqembu lama-div libukeke njengohlu, kufanele uqaphele. I-HTML ye-Semantic iyinkosiUma okuqukethwe kuluhlu olunengqondo, sebenzisa <ol> futhi <li>Ukusebenzisa i-CSS ukulingisa uhlu kuhle kakhulu umhlobiso obonakalayo noma ukwengeza izinombolo ezihlokweni, kodwa akufanele kuthathe indawo yesakhiwo esiyisisekelo abafundi besikrini abathembele kuso ukuze bazulazule ikhasi ngempumelelo.
Ngokusebenzisa amandla okusetha kabusha, ukwandisa okuphikisayo, kanye nomsebenzi we-counter() , ungasuka ekubaleni izinombolo okungaguquki futhi wamukele uhlelo oluguquguqukayo oluphatha zonke izibalo zakho. Kungakhathaliseki ukuthi wakha incwadi yobuchwepheshe eyinkimbinkimbi enezingxenye ezihlanganisiwe noma umane wengeza ukupholisha okuncane ezingcezwini zekhodi yebhulogi, la mathuluzi ahlinzeka ngendlela eqinile nesebenzayo yokusingatha ukulandelana ngqo ngaphakathi kwamashidi akho esitayela.
