从链接中删除顽固的下划线

小编典典

从链接中删除顽固的下划线

css

我试图将链接显示为白色，但不带下划线。文本颜色正确显示为白色，但蓝色下划线顽固地保持不变。我试图text-decoration: none;和text-decoration: none !important;在CSS删除链接的下划线。两者都不起作用。

.boxhead .otherPage {

  color: #FFFFFF;

  text-decoration: none;

}


<div class="boxhead">

  <h2>

    <span class="thisPage">Current Page</span>

    <a href="myLink"><span class="otherPage">Different Page</span></a>

  </h2>

</div>

如何从链接中删除蓝色下划线？

阅读 278

2020-05-16

共1个答案

小编典典

如我所料，您不是要应用text-decoration: none;到锚点（.boxhead a），而是要应用到span元素（.boxhead）。

尝试这个：

.boxhead a {
    color: #FFFFFF;
    text-decoration: none;
}

2020-05-16