删除导航文本下的行

Question

TLDR:请帮我去掉导航中文本的下划线。

上下文：

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

问题：

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

<h1>ignore this code  </h1>

https://jsfiddle.net/uatmt99g/

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

类似的post我在研究这个问题时发现（点击link）：

Remove line under image in link

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

使用CSS去除文字修饰，

使用 CSS 删除文本样式，

有什么帮助吗？ 提前致谢

Answer 1

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

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

Answer 2

您正在使用 link (<a href = ""></a>) 标签。要删除那些 "underlines" 只需使用下面的 css

a {
   text-decoration: none;
}

Answer 3

在 CSS 中的导航之后添加这个。

导航{文字装饰：none;}

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