The :nth-child() in CSS Selector is used to select only those elements that are the nth child, regardless of type, of its parent.

Syntax:

: nth-child(arg) {
    // CSS Property;
} 

where arg is an argument that represents the pattern for matching elements. It can be number, odd, even or linear equation.

• number: It represents the elements whose position is specified by the argument.
• odd: It represents the elements whose position is odd i.e., 1, 3, 5, etc.
• even: It represents the elements whose position is even i.e, 2, 4, 6, etc.
• linear equation: It represents the elements whose position matches the pattern A*n + B, for every positive integer n. Value of n starts with zero.

Example 1: This example selects the element which is passed as the argument.

Output:

Example 2: This example selects the even child elements.

Output :

Example 3: This example selects the odd child elements.

Output :

Example 4: This example takes the linear equation as an argument.

Output: