Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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.


From that quick search, it appears so.


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.