JSFiddle - React, Tailwind, and code Playground

CSS Essential Training: lynda.com - pseudo class selectors

by Pritam Bohra

HTML

<a>no href</a>
<a href="#">link 1</a>
<a href="#">link 2</a>
<a href="#">link 3</a>
<a href="#">link 4</a>
<a href="#5">link 5</a>

<p>paragraph</p>
<input type="text">

CSS

a {
  /* background: purple; */
  padding: 6px;
}
a:link {
  /* color: white; */
}
a:visited {
  /* background: lightblue; */
}
a:active {
  /* border: 1px solid black; */
}
a:hover {
  /* background: none; */
}
p:hover {
  /* background: white; */
}
a:focus {
  /* outline: 1px solid black; */
}