CSS Nth Selector Tester
Subukan ang limitadong CSS :nth-child at kaugnay na formula sa fixed sample at tingnan ang mga tugmang posisyon. Walang arbitrary CSS na ipinapatupad.
Subukan ang :nth-child(2n+1), :nth-last-child(2), :nth-of-type(3), o :nth-child(odd). Nth pseudo-class lang ang sinusuri.
Maglagay ng Nth selector para i-highlight ang mga tugma.
divlidivlidivlidivliNananatili sa browser ang sample. Bounded formula ang parse ng selector at hindi ito ipinapatupad bilang CSS.
Paano gamitin
Paano gamitin
- Maglagay ng suportadong Nth formula.
- Subukan sa fixed sample.
- Basahin ang naka-highlight na posisyon.
Mga suportadong formula
Sinusuportahan ang apat na Nth pseudo-class gamit ang odd, even, an+b, o integer.
Lokal na ligtas na preview
Bounded formula parser lang ang ginagamit; hindi inilalagay o ipinapatupad bilang CSS ang input.
Mga madalas itanong
Maaari mo ring alamin
Anong formula ang suportado?
Magagamit ang odd, even, an+b, o integer sa apat na suportadong Nth pseudo-class.
Ano ang pinipili ng :nth-child(2n+1)?
Tumutugma ito sa mga odd na posisyon sa fixed sample.
Nagpapatakbo ba ito ng arbitrary CSS?
Hindi. Sinusuri lamang ang suportadong formula syntax sa fixed sample.