Styling the first paragraph

by nilloc

HTML

<!-- Learn about this code on MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/:first-of-type -->

<h2>Heading</h2>
<p class='tester'>Paragraph 1</p>
<p class='tester'>Paragraph 2</p>
<p class='tester2'>Paragraph 1.2</p>
<p class='tester2'>Paragraph 2.2</p>

CSS

p.tester:first-child {
  color: red;
  font-style: italic;
}