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