Check out example codes for "remove underline from link css". It will help you in understanding the concepts better.

Code Example 1

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

Code Example 2

<a style="text-decoration: none;"></a>

Code Example 3

/*
<a href="#">Linky Boo</a>
*/

a {
  color: red;
  text-decoration: none;
  text-transform: uppercase;
}

Code Example 4

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

Code Example 5

a:link {
  text-decoration: none;
}


a:visited {
  text-decoration: none;
}


a:hover {
  text-decoration: underline;
}


a:active {
  text-decoration: underline;
}

Code Example 6

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

Learn ReactJs, React Native from akashmittal.com