html - Disable a:focus and a:active color? -

i have base css defines this:

a:hover, a:focus {     color: black; } 

i want have specific link overrides , not trigger focus, still triggers hover.

how can override color setting?

a:focus{     color: none; } 

i've tried color:transparent no avail, focus still triggers.

try

a:hover{  color:green;  }  .class:hover, .class:focus {      color: red;  }

<a href="#" class="class">dsadsfdsfsd</a>  <a href="#">dsadsfdsfsd</a>