删除导航文本下的行

Question

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

上下文：

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

问题：

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

<h1>ignore this code  </h1>

https://jsfiddle.net/uatmt99g/

具体查看导航div 和里面的所有内容。

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

删除链接中图像下的行

我已经尝试了以下方法，但可能没有正确实现它：

使用 CSS 去除文本修饰，

使用 CSS 删除文本样式，

有什么帮助吗？提前致谢

Answer 1

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

a {
   text-decoration: none;
}

Answer 2

带有下划线的文本是链接，因此它们具有与链接相关的基本样式，包括文本下方的行。为了删除它，您必须指定text-decoration: none;到您的a。

https://jsfiddle.net/uatmt99g/1/

Answer 3

在 CSS 中的 nav 之后添加这个。

nav a{text-decoration： none;}

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