JSFiddle - React, Tailwind, and code Playground

CSS Essential Training: lynda.com - pseudo class selectors

by Menuka Ishan

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, input:focus {
  outline: 1px solid black;
}