如何删除链接下的下划线？答案

【问题标题】：how do i remove the underline under my links?如何删除链接下的下划线？
【发布时间】：2013-11-10 18:43:25
【问题描述】：

我似乎找不到如何删除链接下的下划线...

.articles {
    margin-left: auto;
    margin-right: auto;
    width: 625px;
    text-decoration: none;
}

.articles-box {
    width: 120px;
    height: 40px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    background-color: #E3D41F;
    -webkit-box-shadow: #B3B3B3 1px 1px 1px;
    -moz-box-shadow: #B3B3B3 1px 1px 1px;
    box-shadow: #B3B3B3 1px 1px 1px;
    font-family: Optima,Segoe,"Segoe UI",Candara,Calibri,Arial,sans-serif;
    font-size: 20px;
    color: white;
    line-height: 40px;
    text-decoration: none;
    text-align: center;
}

【问题讨论】：

Google 创造了奇迹。
向我们展示链接也不错。

标签： css underline

【解决方案1】：

在<a>上设置text-decoration:none;

CSS：

a {text-decoration:none;}

【讨论】：

a 标签上没有，就像它说的那样。不在盒子上..（它不适用于 div's 仅适用于文本（如 p、h1、h2 等和 a）
没问题，乐于助人！

【解决方案2】：

好吧，您似乎正确设置了 text-decoration 属性，所以我会说样式没有应用于您期望它们的元素（例如，类名拼写错误），或者它们正在被应用，并且某些东西正在某个时候覆盖该属性。

我建议使用浏览器工具来探索页面的 HTML，找到错误地带有下划线的元素，并检查它从哪里获取样式（我更喜欢 Chrome，但大多数浏览器都提供了这些行）。如果这不能使解决方案显而易见，如果您能提供更多信息（例如元素的 HTML 和周围的东西），我很乐意提供帮助。

【讨论】：