Matches an E element, that is the first sibling of its type. (Source: W3C)
<div>
<p>Lorem ipsum dolor sit amet, consectetur</p>
<div>Lorem ipsum dolor sit amet, consectetur</div>
<p>Lorem ipsum dolor sit amet, consectetur</p>
<div>Lorem ipsum dolor sit amet, consectetur</div>
</div>
div:first-of-type{font-style:italic}
Lorem ipsum dolor sit amet, consectetur
Lorem ipsum dolor sit amet, consectetur
In the example, the second line of text should be set in italics as it is the first div
-element in the parent element.