css - 从特定 anchor 标记中删除下划线

Question

为什么下面的 anchor 标签有下划线？

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

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

Answer 1

可能是因为另一个样式 block 具有更好的 precedence比你的 pagerLink 类。尝试:

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