a remove underline on hover code example

Example 1: remove underline on hover span

span:hover {
  text-decoration: none !important;
  display: inline-block;
}

Example 2: remove underline hover css

a:hover {
  text-decoration: none;
}

Example 3: how to change hyperlink color in css

a {
  background-color: red;
  color: white;
  padding: 1em 1.5em;
  text-decoration: none;
  text-transform: uppercase;
}

Example 4: 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;
}