從超鏈接中刪除下划線-Rails

Question

我一直在尋找，而且我似乎無法改變這件令人討厭的事情！！！！ 因此，請其他人和善的天使幫我，幫助我從鏈接中刪除下划線，但刪除特定的鏈接。 嚴重的搞砸了，謝謝。

一些代碼：

    <div id = "cracker-container">

      <div class = "cracker-wrapper">
      <div id = "cracker1-button">
        <%= link_to "cracker", new_crack_path %>
      </div>
      </div>

      <div class = "cracker-wrapper">
    <div id = "cracker2-button">
        Cracker2
    </div>
     </div>

    <div class = "cracker-wrapper">
     <div id = "cracker3-button">
      Cracker3
    </div>
    </div>

    </div>

THE CSS:

#cracker1{
  color: #000;
}

#cracker2{
  color: #000;
}

#cracker3{
  color: #000;
}

#cracker1:active{
  color: #fff;
}

#cracker2:active{
  color: #fff;
}

#cracker3:active{
  color: #fff;
}

Answer 1

這將從＃cracker1-button div下的所有標簽中刪除文本修飾。

#cracker1-button a:link { 
    text-decoration:none; 
}

但是，該代碼僅會刪除“新” /未訪問的鏈接中的下划線。 鏈接具有4個不同的狀態：

• 鏈接 ：新鮮/未訪問的鏈接
• 已訪問 ：用戶已訪問的鏈接
• 懸停 ：當用戶將鼠標懸停在鏈接上時
• active ：當鏈接是頁面上的活動元素時（具有鍵盤焦點）

如果要在所有4種狀態下從鏈接中刪除下划線，則需要在CSS中進行指定：

#cracker1-button a:link, #cracker1-button a:visited, #cracker1-button a:hover, #cracker1-button a:active,  { 
    text-decoration:none; 
}

這是有關使用CSS樣式鏈接的更多信息的參考。

http://www.w3schools.com/css/css_link.asp

Answer 2

#cracker1-button a { text-decoration:none; }

不知道這是否是您要追求的目標，但這會刪除#cracker1鏈接的下划線。