style link underline code example

Example 1: remove style from link

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

Example 2: scss link style

$fade-white : #eee;
$white : #ccc;

a{
  color: $fade-white;
  text-decoration: none;

  &:visited{
    color: $white;
    text-decoration: none;
    opacity: 0.42;
  }
  &:hover{
    opacity: 0.7;
    text-decoration: underline;
  }
  &:active{
    opacity: 1;
    text-decoration: none;
  }
}

Example 3: underlined style for a link

a {
  text-decoration: none;
}