Pseudo-element & Pseudo-class

by emilcieslar

HTML

<a href="#">Odkaz</a>

CSS

a {
  color: black;
}


/* Pseudo-třída */

a:hover {
  color: red;
}


/* Pseudo-element */

a::after {
  content: ' ->';
}


/* Pseudo-element v kombinaci s pseudo-třídou */

a:hover::after {
  content: ' <-';
}