問題

我試圖在沒有下劃線的情況下以白色顯示連結.文字顏色正確顯示為白色,但藍色下劃線頑固持續.我在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> 

如何從連結中刪除藍色下劃線?

  最佳答案

正如我預期的,您不會將text-decoration: none;應用於錨(.boxhead a),而是應用於跨度元素(.boxhead).

嘗試這個:

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

  相同標籤的其他問題

csshyperlinkunderline