Diff-Pseudo-El_Class.txt

1) Pseudo classes are combined with selectors to more specifically target
an element that may otherwise be difficult to distinguish from other
elements of the same type.  e.g., if you have
<p>yakety-yak</p>
<p>don't talk back</p>
and you want to target only the "don't talk back", you can select it with:
p:nth-of-type(2)
2) Pseudo-elements are combined with selectors to apply styling to a
specified part of a selected element.
e.g., if you have
<p class="like-fer-shur">huh what?
</p>
and you wnat just the 'h' in 'huh' to be blue, you can select it with:
.like-fer-shur::first-letter {
  color:blue;
}