In a couple of the previous lessons, we looked at child selectors and pseudo classes. In this lesson, we will move on to the nth-child selector. The nth-child selector is used to select child elements belonging to a parent element where n can represent either a number, keyword or formula. For example, you could select the nth child element where n could be 5. Or, you could apply a style to every nth element (eg. every 2nd child) in a div. When using the nth-child selector, ‘n’ can be a number, a keyword or a formula.

In the example below, we can change the colour of the 5th paragraph inside a div with a class called ‘content’. Because ‘n’ is 5, only the 5th element will be selected.