Ke hoʻohana nei: nth-of-type (n) me nā papa
No ka maʻalahi o ka heluheluʻana i nā papa, hiki i ka manawa ke hoʻohana i nā laina me nā kala'ē aʻe. ʻO kekahi o nā ala maʻamau i nā papaʻaina,ʻo ia ke hoʻonohonoho i kaʻaina o nāʻaoʻao'ē aʻe. Hōʻalo pinepineʻia kēia i "nā kau zebra."
Hiki iāʻoe ke hana i kēia ma ke hoʻonohonohoʻana i kēlā me kēiaʻaoʻao me kahi papa CSS a ho'ākāka i keʻano no kēlā papa. Akā,ʻaʻole kēiaʻo ke ala maikaʻi a maikaʻi loa e hele ai a puni.
Ke hoʻohanaʻia kēiaʻano, i kēlā me kēia manawa e ponoʻoe e hoʻoponopono i kēlā papa e hiki iāʻoe ke hoʻoponopono i kēlā me kēia lā ma ka pākaukau no ka hōʻoiaʻana o kēlā me kēia lalani me nā loli. Eia kekahi laʻana, ināʻoe e hoʻokomo i kahi lālani hou i kāu papa,ʻo kēlā me kēiaʻaoʻao'ē aʻe e pono ai e hoʻololi i ka papa.
CSS hiki ke maʻalahi i nā papaʻaina me nā'āpana zebra. ʻAʻole ponoʻoe e hōʻalo i nā hōʻailona HTML hou a iʻole nā papa CSS, hoʻohana waleʻoe i ke koho koho: nth-of-type (n) CSS .
ʻO ka: nth-of-type (n) kō koho he papa hana pokole i CSS e hiki ai iāʻoe ke hoʻonohonoho i nā kumuhana e pili ana i ko lākou pilinaʻana i nā mākua a me nāʻano kaikunāne. Hiki iāʻoe ke hoʻohana ia mea no ka kohoʻana i hoʻokahi aʻoi aku mau kumuhana e pili ana i kā lākou kumu pūnaewele. Ma nā'ōlelo'ē aʻe, hiki ke hoʻohālikelike me nā mea a pau o ka nth o kahiʻano o kona makua.
ʻO ka leka n hiki ke hoʻohana i kahi hua'ōlelo (e like me keʻano a iʻole), kahi helu, a iʻole kekahiʻano.
No ka laʻana, no ke kāhiliʻana i kēlā me kēia māhele tag me kahi kalapuni kalamelena,ʻo kāu palapala CSS e komo pū me:
p: nth-of-type (odd) {
kumu: kahamu;
}
E hoʻomaka me kāu Pakuhi Pūnaewele
ʻO ka mea mua, e hana i kāu papaʻaina e like me kāu e kākau ai i ka mea i HTML. Mai hoʻohui i kekahi mau lālā kūikawā i nā lālani a i nā kolamu.
Ma kāu kāʻei style, e hoʻohui i kēia CSS:
tr: nth-of-type (odd) {
ʻike pā'ālua: #ccc;
}
E hoʻolālā kēia i kēlā me kēia laina me kahi kala poʻo hina e hoʻomaka me ka lālani mua.
Nā Kūlana Kūkākūkā Kālena ma ke Ala hoʻokahi
Hiki iāʻoe ke hana i kēlāʻano ano o ka pena i nā kolamu i kāu papa. No ka pēlā, hoʻololi wale i ka papahana o kāu papa CSS a hiki iā Td. ʻo kahi laʻana:
td: nth-of-type (odd) {
ʻike pā'ālua: #ccc;
}
Ke hoʻohanaʻana i nā Formula i kahi koho nth-of-type (n)
ʻO ka syntax no kekahi kumuhana i hoʻohanaʻia ma ka mea koho a + b.
a he helu e hōʻike ana i ka hōʻailona a iʻole ka helu helu.
n o ka huapalapala "n" a me kahi pani helu, he mau hoku ma 0.
+ he mea hoʻohana ia, aʻo ia hoʻi ka "-"
b he mea helu āpau a hōʻoia i ka helu hoʻopiʻi-no ka laʻana,ʻehia mau lālani ma lalo e pono ai ka hoʻomakaʻana o ka mea koho e hoʻololi i ka kala hope. Pono kēia mea inā hoʻokomoʻia kekahi mea hoʻohana i loko o ke kumuhana.
Eia kekahi laʻana, inā makemakeʻoe e hoʻonohonoho i kahi lae mua no kēlā me kēia 3 lālani,ʻo kāu maʻamau he 3n + 0. Hiki iā CSS ke nānā i kēia:
tr: nth-of-type (3n + 0) {
ʻikepili: slategray;
}
Nā Uihana kōkua no ka hoʻohanaʻana i ke kohoʻana o ka nth-of-type
Ināʻoluʻolu ikiʻoe e keʻano kumu o ka hoʻohanaʻana i ke koho koho nth-of-type, e ho'āʻo i: ma kahi pūnaewele Nest he mea hoʻohana pono e hiki ke kōkua iāʻoe e ho'ākāka i ka syntax e loaʻa ai ka nānā āu e makemake ai. E ho ohana i ka koho koho koho e koho i ka nth-of-type (hiki iāʻoe ke hoʻokolohua me nā haumāna'ē aʻe maʻaneʻi, e like me ka nth-child).