CSS3 - Pseudo classes - Dynamic

  a:link {
      background-color: orange;
  }
  

  <a href="#dynamic-pseudo-classes">A Link</a>
  

  a:visited {
      background-color: red;
  }
  

  <a href="visited.html">Click to visit</a>
  

  .button:hover, .a:hover {
      outline: 1pt solid blue;
  }
  

  <button>Hover me Button</button>
  <a href="#">Hover me Link</a>
  

  .button:active, .a:active {
      background-color: green;
  }
  

  <button>Click and Hold</button>
  <a href="#">Click and Hold</a>
  

  .button:focus, .a:focus {
      background-color: violet;
  }
  

  <button>Focus me Button</button>
  <a href="#">Focus me Link</a>