Hva er forskjellen på :nth-child og :nth-of-type?

Vi kan formatere avsnitt 2 med både :nth-child og :nth-of-type.

Hva om vi endrer litt på HTML-koden:

Da vil :nth-child formatere avsnitt 1 istedenfor avsnitt 2, siden det er element nr 2 OG det er en <p>. Legger vi til enda flere elementer foran avsnitt 1 i koden over vil altså ingen av avsnittene bli formatert med :nth-child.
Mens :nth-of-type fortsatt fungerer som vi ønsker og formaterer avsnitt 2, siden den retter seg mot type, altså <p>.
Hvilke nettlesere støtter dette?

Les flere artikler om CSS eller se flere kodeeksempler.

annonse
Del: