从超链接- 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-buttondiv下的所有标签的文本装饰。

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

但是，该代码只会从"新鲜"/未访问的链接中删除下划线。链接有4种不同的状态:

• 链接:新链接/未访问链接
• visited:用户访问过的链接
• hover:当用户用鼠标悬停在链接上时
• 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的链接中删除下划线。