title: Why must a:hover come after a:link and a:visited in the CSS?
body: <p>Why does w3schools say that when we write anchor pseudo-classes in CSS we should write <code>a:link</code> first then <code>a:visited</code> followed by <code>a:hover</code> and finally <code>a:active</code> to be effective?</p>
  
  <p><a href="https://i.stack.imgur.com/eTKtW.png" rel="nofollow noreferrer">From: https://www.w3schools.com/css/tryit.asp?filename=trycss_link</a></p>
  
  <p>How does the order of pseudo-classes effect the effectiveness? </p>