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
