CSS :first-of-type Selector
The :first-of-type Selector is used to targeting the first child of every element of it’s parent. if we want to style the first child of an element without giving a class, we can use it.
Syntax:
:first-of-type { //property }
Example:
HTML
<!DOCTYPE html> < html > < head > < style > p:first-of-type { background: limegreen; font-size: 4.0em; font-style: italic; } </ style > </ head > < body > < p >First child</ p > < p >Second child.</ p > < p >Third child.</ p > < p >Fourth child.</ p > </ body > </ html > |
Output:
Supported Browsers:
- Google Chrome 1.0
- Edge 12.0
- Firefox 3.5
- Safari 3.1
- Opera 9.5
Contact Us