Faʻaaogaina: nth-of-type (n) Faatasi ai ma laulau
Mo le faigofie o le faitauina o laulau, e masani lava ona fesoasoani tele i laasaga o laina ma isi lanu faʻavasega. O se tasi o auala sili ona taatele i laulau e teu ai o le tuʻuina lea o le lanu pito i tua o isi laina. E masani ona taʻua lenei mea o "zebra paʻu."
E mafai ona e ausia lenei mea e ala i le setiina o isi laina uma ma se vasega CSS ona faʻamatalaina lea o le sitaili mo lena vasega. E galue lenei mea ae le o le auala aupito sili pe sili ona lelei e alu i ai.
A faʻaaogaina lenei metotia, o taimi uma lava e te manaʻomia e faasaʻo ai lena laulau atonu e te ono faʻasaʻo laina taʻitasi i luga o le laulau ina ia mautinoa o laina taʻitasi e ogatasi ma suiga. Mo se faʻataʻitaʻiga, afai e te faʻaofi se laina fou i lau laulau, o isi laina uma o loʻo i lalo e tatau ona sui le vasega.
O le CSS e faafaigofie ai ona fai laulau ma laina zebra. E te le manaʻomia se faʻaopoopoga o isi faʻaopoopoga HTML poʻo vasega CSS, e te faʻaogaina le: nth-of-type (n) filifili o le CSS .
O le: nth-of-type (n) filifilia o se pseudo-class structure i le CSS lea e mafai ai e oe ona fai ni elemene e faʻavae i luga oa latou fegalegaleaiga i matua ma tuagane elemene. E mafai ona e faʻaaogaina e filifili ai se tasi poʻo le sili atu elemene e faʻavae i luga o la latou faʻamaumauga autu. I se isi faaupuga, e mafai ona fetaui ma elemene uma o le tamaititi a se ituaiga faapitoa o ona matua.
O le mataitusi n e mafai ona avea ma upu autu (e pei o le leaga pe leai), numera, poʻo se fua faʻatatau.
Mo se faʻataʻitaʻiga, ia faʻaogaina isi numera parakalafa i le lanu samasama, o lau pepa CSS o le a aofia ai:
p: nth-of-type (odd) {
talaaga: samasama;
}
Amata I Lau Lisi HTML
Muamua, fai lau laulau e pei ona masani ona e tusiaina i le HTML. Aua nei faaopoopoina ni vasega faapitoa i laina poʻo koluma.
I lau sitaili, faʻaopoopo le CSS mulimuli:
tolu: ituaiga-o-ituaiga (odd) {
lanu-lanu: #ccc;
}
O lenei mea o le a taamilo i isi laina uma ma se lanu lanu enaena e amata i le laina muamua.
Faʻafeiloaʻi o Koluma i le Ala Lava e tasi
E mafai ona e faia le ituaiga ituaiga o mamanu i koluma i au laulau. Ina ia faia, faigofie lava ona suia le i totonu o lau vasega CSS i le td. Faataitaiga:
tt: nth-of-type (odd) {
lanu-lanu: #ccc;
}
Faaaogaina o Fua Faatatau i se nth-of-type (n) Filifilia
O le syntax mo se fua faatatau ua faʻaaogaina i le tagata filifilia o le a + b.
a) o se fuainumera e fai ma sui o le taamilosaga poʻo le numera o le numera.
n o le tusi moni lava "n" ma e fai ma sui o se pusa, o fetu i le 0.
+ o se tagata e faagaoioia, lea e mafai foi ona "-"
b) o se numera tele ma e fai ma sui o le tau o le faʻasalaga-faʻataʻitaʻiga, pe fia laina i lalo pe a amata ona faʻaaogaina e le tagata filifilia le lanu o le talaaga. E manaʻomia lenei mea pe afai o loʻo faʻapipiʻiina se tagata i le faiga.
Mo se faʻataʻitaʻiga, afai e te manaʻo e seti se lanu lanu mo laina uma 3, o lau fua faʻatatau o le 3n + 0. O lau CSS e ono pei o lenei:
tolu: ituaiga-ituaiga (3n + 0) {
talaaga: slategray;
}
Fesoasoaniga Fesoasoani mo le Faʻaaogaina o le numera o le Filifilia
Afai e te lagona sina mea itiiti i le fua faatatau o le faʻaaogaina o le numera o le numera o le ituaiga o ituaiga, taumafai i le: nth Tester site o se mea aoga aoga lea e mafai ona fesoasoani ia te oe e faʻamalamalamaina le syntax e ausia ai le foliga e te manaʻo ai. Faʻaoga le numera o le numera e filifili ai le numera-o-le-ituaiga (e mafai foi ona e faataitai i isi pseudo-vasega iinei, e pei o le pepe).