Iji: nth-of-type (n) Na tebụl
Iji mee ka tebụl dị mfe ịgụ, ọ na-enyekarị aka n'iji ịke ụdị na agbakwunyere agbụrụ. Otu n'ime ụzọ ndị kachasị esi edozi tebụl bụ ịtọ agba agba nke ọ bụla ọzọ. A na-akpọkarị nke a dịka "ọnyá erbs."
Ị nwere ike ịme nke a site na ịtọ mpaghara ọ bụla ọzọ na klas CSS wee kọwaa ụdị maka klas ahụ. Nke a na-arụ ọrụ ma ọ bụghị ụzọ kachasị mma ma ọ bụ nke kachasị mma iji gaa ya.
Mgbe ị na-eji usoro a, oge ọ bụla ịchọrọ idezi tebụl ị nwere ike idezi otu ọ bụla n'usoro na tebụl iji hụ na ọ bụla na-agbanwe agbanwe. Dịka ọmụmaatụ, ọ bụrụ na ịtinye akara ọhụrụ na tebụl gị, ọ bụla dị n'okpuru ebe ọ dị mkpa ka klas ahụ gbanwee.
CSS na- eme ka ọ dị mfe tebụl dị iche iche na ụtarị zebra. Okwesighi ka i tinye ihe obula HTML ma obu klas CSS, i jiri ihe nth-of-type (n) CER selector .
Nke: nth-of-type (n) onye nhọta bụ klas na-arụ ọrụ na CSS nke na-enye gị ohere ịme ihe ndị dabeere na mmekọrịta ha na ndị nne na nna na nke nwanne. Ị nwere ike iji ya họrọ otu ma ọ bụ karịa ihe ndị dabeere na isi iyi ha. N'ikwu ya n'ụzọ ọzọ, ọ nwere ike ịkwado ihe ọ bụla nke bụ nwa nth nke otu ụdị nne na nna ya.
Akwụkwọ ozi n nwere ike ịbụ isiokwu (dịka iberibe ma ọbụ), nọmba, ma ọ bụ usoro.
Dịka ọmụmaatụ, iji kpochapụ mkpado paragraf ọ bụla na agba odo, akwụkwọ CSS gị ga-agụnye:
p: nth-of-type (odd) {
ndabere: odo;
}
Malite na Isiokwu Nchịkọta Gị
Mbụ, mepụta tebụl gị dị ka ị ga-edekarị na HTML. Ejukwala klas pụrụ iche na ahịrị ma ọ bụ ogidi.
Na ụdị ụzọ gị, gbakwunye CSS na-esonụ:
tr: nth-of-type (odd) {
ndabere-agba: #ccc;
}
Nke a ga-eji usoro ọ bụla na-acha agba ntụ na-amalite na nke mbụ.
Uzo Ozo di iche iche na Otu Uzo
Ị nwere ike ịme otu ụdị nhazi ahụ na ogidi gị na tebụl. Iji mee nke ahụ, nanị gbanwee tr na klas CSS gị na td. Ọmụmaatụ:
td: nth-of-type (odd) {
ndabere-agba: #ccc;
}
Iji usoro na nth-of-type (n) Họrọ
Nkọwapụta maka usoro eji na nhọrọ bụ b + b.
a bụ ọnụọgụgụ nke na-anọchi anya ogo ma ọ bụ nhazi nha.
n bụ n'ezie akwụkwọ ozi "n" ma na-anọchite anya mpempe akwụkwọ, nke kpakpando na 0.
+ bụ onye ọrụ, nke nwekwara ike ịbụ "-"
b bụ nọmba ọnụọgụ ma na-anọchite anya njedebe ọnụ-dịka ọmụmaatụ, ole edere ka onye nhọta ga-amalite itinye agba agba. A chọrọ nke a ma ọ bụrụ na onye ọrụ na-esonye na usoro ahụ.
Dịka ọmụmaatụ, ọ bụrụ na ịchọrọ ịtọ agba agba maka akara ọ bụla nke atọ, usoro gị ga-abụ 3n + 0. CSS gị nwere ike iyi nke a:
tr: nth-nke-ụdị (3n + 0) {
ndabere: slategray;
}
Ngwa Enyemaka Iji Nth-nke-ụdị Họrọ
Ọ bụrụ na ị na-enwe mmetụta dị ntakịrị site n'ụdị akụkụ nke iji ụdị nhazi nke ụdị nyocha, gbalịa: saịtị nyocha nke nth dịka ngwá ọrụ bara uru nke nwere ike inyere gị aka ịkọwapụta syntax iji nweta ihe ị chọrọ. Jiri menu ndenye menu ka ịhọrọ ụdị nth (nke ị ga-anwale na klas ndị ọzọ na ebe a, kwa, dị ka nth-nwa).