GeeksforGeeks App
Open App
Browser
Continue

# CSS | :nth-last-child() Selector

The nth-last-child() selector in CSS is used to match elements based on their position among the group of siblings, counting from end.

Syntax:

```:nth-last-child(number) {
//CSS Property
}```

Where number is the argument that represents the pattern for matching elements counting from the end. It can be odd, even or in a functional notation.

• odd: It represents elements whose position is odd in a series: 1, 3, 5, etc., counting from the end.
• even: It represents the elements whose position is even in a series: 2, 4, 6, etc., counting from the end.
• functional notation (<An+B>): It represents elements whose position of siblings matches the pattern An+B, for every positive integer or zero value of n. The index of the first element, counting from the end, is 1.

Example-1: In this example every odd element is selected according to formula 2n+1, counting from the end.

## html

 ```<``html``>``    ``<``head``>``        ``<``title``>CSS :nth-last-child Selector``        ``<``style``>``            ``p:nth-last-child(2n+1) {``              ``background: green;``              ``color:white;``            ``}``        ````    ````    ``<``body` `style = "text-align:center;">``    ` `        ``<``h1` `style = "color:green;">``            ``GeeksforGeeks``        ````        ` `        ``<``h2``>``            ``CSS :nth-last-child Selector``        ````    ` `        ``<``p``>A computer science portal for geeks.``        ``<``p``>Geeks classes an extensive classroom programme.``            ` `    `````

Output: Example-2:

## html

 ```<``html``>``    ``<``head``>``        ``<``title``>CSS :nth-last-child Selector``        ``<``style``>``            ``table {``                ``border: 1px solid green;``                ``margin:auto;``            ``}``            ` `            ``/* Selects the last three element */``            ``tr:nth-last-child(3) {``                ``background-color: green;``                ``color:white;``            ``}``        ````    ````    ``<``body` `style = "text-align:center;">``    ` `        ``<``h1` `style = "color:green;">``            ``GeeksforGeeks``        ````        ` `        ``<``h2``>``            ``CSS :nth-last-child Selector``        ````    ` `        ``<``table``>``          ``<``tbody``>``            ``<``tr``>``              ``<``td``>Merge sort``            ````            ``<``tr``>``              ``<``td``>Quick sort``            ````            ``<``tr``>``              ``<``td``>Insertion sort``            ````            ``<``tr``>``              ``<``td``>Selection sort``            ````          ````        ````            ` `    `````

Output:

Supported Browsers: The browser supported by :nth-last-child selector are listed below:

• Apple Safari 3.1