Html 为什么navbar元素下有链接？

我只是想删除导航栏子类别（课程，关于我）上的下划线。我认为这是因为有一个href，但我不知道用什么代码来摆脱它。我试着使用

文本装饰：无

，但没有效果。也请随时给我更多的建议，我可以如何使这个网站更好

正文{
保证金：0；
}
/*标题*/
/*导航栏*/
navbar先生{
背景色：#005070；
溢出：隐藏；
}
纳瓦尔先生{
字体系列：“蒙特塞拉特交替”，无衬线；
浮动：对；
颜色：白色；
利润率：23px 20px 0px 0px；
动画：Fadein2S；
文字装饰：无；
}
.navtext:：之后{
内容：''；
显示：块；
宽度：0；
高度：2倍；
背景：#fff；
过渡：宽度3s；
}
.navtext:hover:：after{
宽度：100%；
过渡：宽度3s；
}
纳维姆先生{
宽度：175px；
高度：自动；
保证金：5px0px 5px20px；
动画：Fadein2S；
}
.navlogin{
宽度：75px；
高度：自动；
浮动：对；
利润率：15px 20px 0px 0px；
动画：Fadein4S；
}
@关键帧淡入淡出{
从{
不透明度：0；
}
到{
不透明度：1；
}
}
法丹先生{
动画名称：fadeIn；
}

占位符文本
占位符文本

如果您在该URL中没有链接，请使用该

选择器的下面属性

text-decoration:none;

以下是一个例子：


如果您指的是鼠标在链接上的下划线，请尝试从CSS中删除此代码：

.navtext::after {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  background: #fff;
  transition: width .3s;
}

.navtext:hover::after {
  width: 100%;
  transition: width .3s;
}

我没有看到下划线。下划线你的意思是它在鼠标上方？它出现在悬停状态，我相信删除此
背景：#fff从
navtext:：after
可以解决问题，但是有更多的代码需要清理关于下划线的代码即使鼠标没有悬停在它上面，它也是一个下划线即使我的鼠标没有悬停在它上面，代码上也有一个下划线，当我确实悬停在它上面时，它会创建另一组行。嗨，我是一个初学者，你能向那个选择器解释一下如何使用它吗？我尝试了
文本装饰：无在
.navbar a
中，但它不起作用。无论你想删除哪个类的链接，你都应该将css样式作为
none
应用于该类。看看这个例子。谢谢，它成功了。有没有一种方法可以让
text decoration=none
出现在css中，因为我认为它有点像是聚集在HTML中，我已经从您的代码片段中添加了相同的示例，希望对您有所帮助
.navtext{font-family:'Montserrat Alternates'，无衬线；浮点：右；颜色：白色；边距：23px 20px 0px 0px；动画：fadeIn 2s；文本装饰：无；}