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 Selectors Advanced Selectors :nth-of-type

Nick Prodromou
Nick Prodromou
12,824 Points
Posted by Nick Prodromou
Nick Prodromou
12,824 Points

Difference between :nth-of-type()/:nth-child()

Really loving the power of nth selectors,

I was wondering if :nth-of-type()/:nth-last-of-type() accepts the same arguments as the :nth-child.. from the lessons before hand

ie:

odd even integer (an+b)

2 Answers

Chris Thomas
.a{fill-rule:evenodd;}techdegree seal-36
Chris Thomas
Front End Web Development Techdegree Graduate 34,909 Points

Yep! Sure can! It can be a number, keyword (like odd or even), or an expression.

Check out http://www.w3schools.com/cssref/css_selectors.asp for some reference

ywang04
ywang04
6,762 Points
ywang04
ywang04
6,762 Points

:nth-child(): only targets the element if it's at the exact position we specify inside it's parent.

nth-of-type(): targets the element based on its position within a parent, but only if it’s a specific type of element.