title: Anchor tag has :focus style applied on click
body: <p>I am new to web accessibility. </p>
  
  <p>I applied the style for <code>a:focus</code> as</p>
  
  <pre><code>a:focus {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -1px;
  }
  </code></pre>
  
  <p>Its working fine when I press Tab to go through anchor tag in the webpage, the problem is when I click anchor tag, this focus style also applied but I don't want. </p>
  
  <p>Is there any way to solve it?  </p>