JSFiddle - React, Tailwind, and code Playground

lynda.com - CSS #2 pseudo elements

by totoromaum

HTML

<section>
  <!-- <h1>heading</h1> -->
  <p>Paragraph.</p>
  <p>Paragraph.</p>
  <p>Paragraph.</p>
  <p>Paragraph.</p>
  <!-- <a href="#">link</a> -->
</section>

CSS

p:first-child {
  /* color: red; */
}
p:last-child {
  /* color: blue; */
}
p:first-of-type {
  /* color: green; */
}
p:last-of-type {
  /* color: orange; */
}