下線なしでリンクを白で表示しようとしています。テキストの色は白として正しく表示されますが、青い下線が頑固に持続しています。CSSでリンクの下線を削除しようtext-decoration: none;
としtext-decoration: none !important;
ました。どちらもうまくいきませんでした。
.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>
リンクから青い下線を削除するにはどうすればよいですか?