how to get rid of link line in css code example

Example 1: remove styling from a tag

a, a:hover, a:focus, a:active {
      text-decoration: none;
      color: inherit;
 }

Example 2: css how to style a

/*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;
}