删除导航文本下的行

Question

TLDR： 请帮我删除导航中文本的下划线。

语境：

我正在制作一个 移动 新闻应用程序。

问题：

我想删除导航文本上的下划线。（主页，登录）

 <h1>ignore this code  </h1>

https://jsfiddle.net/uatmt99g/

专门查看 nav div 和里面的所有内容。

我在研究这个问题时发现了类似的帖子（点击链接）：

删除链接中图像下的线

我尝试了以下但可能没有正确实施：

使用 CSS 去除文本装饰，

使用 CSS 去除文本样式，

有什么帮助吗？提前致谢

原文由 Kent Godfrey 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您正在使用链接（ <a href = ""></a> ）标签。要删除那些“下划线”，只需使用下面的 css

 a {
   text-decoration: none;
}

原文由 TheQuestioner 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

在 CSS 中的 nav 之后添加它。

nav a{text-decoration: none;}

链接获得自己的属性。您必须使用 #mynewpattern a{} 格式声明

原文由 Khan Luke 发布，翻译遵循 CC BY-SA 3.0 许可协议