[解決済み] リンクから青いアンダーラインを削除する

質問

リンクにアンダーラインを引かずに白色で表示させたいのですが、どうすればいいですか？文字色は白で正しく表示されるのですが、青いアンダーラインが頑なに残っています。試してみたところ 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>

リンクの青い下線を消すにはどうしたらいいですか？

解決方法は？

を適用していません。 text-decoration: none; をアンカー( .boxhead a )ではなく、span要素( .boxhead ).

これを試してみてください。

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