Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Foundations Advanced Selectors Pseudo-Classes: :nth-child

Browser Support

Usually at the end of Guil's videos he states the browser support of the techniques we just learned - not in this case.

2 Answers

Jimmy Hsu
Jimmy Hsu
6,511 Points

In general, caniuse.com is good for checking browser support.

If it's not mentioned, it may be that there is no browser support issues.

http://caniuse.com/#search=nth-child

From that quick search, it appears so.

Danielle,

There's a few cases where caniuse doesn't give a breakdown of individual support. This is one of them. It's only showing support of css3 selectors as a whole.

I think it's mostly going to be IE8 and below that will cause you problems with :nth-child in particular. Not sure if your question is specifically about :nth-child()

If you check the "resources" tab on the second link Jimmy gave you, you will find a link to "quirksmode" which will have a detailed breakdown of individual selectors. You will also find a link to selectivizr which will bring css3 selector support to IE6-8 provided you are using a supported js library.

James Barnett
James Barnett
39,199 Points

Check out http://browsersupport.net

Caveat: It hasn't been updated recently. So it won't say what's supported in IE 10 & 11. However, it works well in most cases where caniuse doesn't have specific enough data.