Removing underline from specific anchor tag

Question

Why does the following anchor tag has text underlined?

.pagerLink {
  background-color: #E4F5F8;
  border: 1px solid #C0DEED;
  text-decoration: none;
}

<a class="pagerLink" href="#">test</a>

Answer 1

Probably because another style block has better precedence than your pagerLink class. Try:

.pagerLink {
    background-color: #E4F5F8;
    border: 1px solid #C0DEED; 
    text-decoration: none !important;
}