CSS | :last-child Selector
The :last-child Selector is used to target the last child element of it’s parent for styling. This selector is same as “:nth-last-child”.
Syntax:
:last-child { //property }
Example:
<!DOCTYPE html> < html > < head > < style > p:last-child { background: limegreen; color: white; font-style: italic; font-size: 1.875em; } </ style > </ head > < body > < p >I am first child.</ p > < p >I am second child.</ p > < p >I am third child.</ p > < p >I am last child.</ p > </ body > </ html > |
Output:
Supported Browsers:
- Google Chrome 4.0
- Edge 9.0
- Firefox 3.5
- Safari 3.2
- Opera 9.6