remove underline from link css

CSS
 a, a:hover, a:focus, a:active {
      text-decoration: none;
      color: inherit;
 }<a style="text-decoration: none;"></a>a:link - a normal, unvisited link
a:visited - a link the user has visited
a:hover - a link when the user mouses over it
a:active - a link the moment it is clickeda:link {
  text-decoration: none;
}


a:visited {
  text-decoration: none;
}


a:hover {
  text-decoration: underline;
}


a:active {
  text-decoration: underline;
} /*a normal, unvisited link*/
a:link{
	color: green;
}
/*a link the user has visited*/
a:visited{
	color: purple;
}
/*a link when the user mouses over it*/
a:hover{
	color: yellow;
}
/*a link the moment it is clicked*/
a:active{
	color: brown;
} a, a:hover, a:focus, a:active {
     text-decoration: none;
     color: inherit;
 }
Source

Also in CSS: