Specify a background color for every <p> element that is the second child of its parent, counting from the last child:
More "Try it Yourself" examples below.
The :nth-last-child(n) selector matches every element that is the nth child, regardless of type, of its parent, counting from the last child.
n can be a number, a keyword, or a formula.
Tip: Look at the :nth-last-of-type() selector to select the element that is the nth child, of a specified type, of its parent, counting from the last child.
Version: | CSS3 |
---|
The numbers in the table specifies the first browser version that fully supports the selector.
Selector | |||||
---|---|---|---|---|---|
:nth-last-child() | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
Odd and even are keywords that can be used to match child elements whose index is odd or even.
Here, we specify two different background colors for odd and even p elements, counting from the last child:
Using a formula (an + b). Description: a represents a cycle size, n is a counter (starts at 0), and b is an offset value.
Here, we specify a background color for all p elements whose index is a multiple of 3, counting from the last child: