Html 如何去掉带下划线的链接

我通过Freecodecamp了解到，我们的任务之一是创建一个公文包，但我无法摆脱导航栏和脚注中的下划线链接

文字装饰：无；没有帮助，还有其他想法吗

身体{ 最大宽度：100%； 位置：相对位置； 溢出x：隐藏； } .集装箱{ z指数：5； 背景色：8f8a01； 位置：固定； 排名：0； 保证金：自动； 宽度：100%； 盒影：2PX2PX888； 垫底：5px； 文字装饰：无； } 钮扣{ 利润率：15px 0px 0px 15px； 盒影：2PX2PX888； 背景色：ece2b4； 字体系列：“Rajdhani”，无衬线； 字号：17px； 字号：800； 颜色：8f8a01； } 按钮：悬停{ 背景色：edce00； } a{ 文字装饰：无； } .关于{ 最小高度：380px； 保证金：自动； 宽度：100%； 填充：50px 220px 70px 200px； 背景色：ece2b4； 线高：50px； 文本对齐：左对齐； 溢出：自动； } p{ 左侧填充：150px； } .照片{ 宽度：200px； 高度：200px； 浮动：对； 右边距：0px； 左边距：0px； 边界半径：120px； 盒影：2PX2PX888； } 港口{ 背景色：bdb817； 填充：10px 10px 19px 10px； 保证金：自动； 宽度：100%； } .左连杆{ 利润率：25px； 填充：5px30px 15px 5px； } .右链接{ 利润率：25px； 填充：5px30px 15px 5px； } 港口{ 对齐：居中； } img：悬停{ 背景色：edce00； } .小型img{ 填充物：5px； 边框：1px纯色灰色； 高度：250px； 宽度：300px； 最大高度：350px； 最大宽度：400px； 边界半径：15px； 盒影：2PX2PX888； } 输入{ 文本对齐：居中； } .发送btn{ 保证金：10px 10px 50px 10px； } .ctcMe{ z指数：1； 背景色：ece2b4； 线高：30px； 保证金：自动； 宽度：100%； 垫顶：2件； } 输入{ 边界半径：0px； 边界顶部：无； 左边界：无； 宽度：200px； } 文本区{ 边界半径：0px； 边界顶部：无； 左边界：无； 宽度：200px； } .联系方式{ 文本对齐：居中； } .发送btn{ 左边缘：0%； } .web{ 背景色：bdb817； 填充顶部：15px； 垫底：5px； 保证金：自动； 宽度：100%； } .fc{ 宽度：30px； 高度：30px； } .编码{ 背景色：edce00； 填充顶部：15px； 垫底：5px； 保证金：自动； 宽度：100%； } 我是一名热爱书籍的翻译人员，也是一名出色的有组织的私人助理。 我每天帮助我的团队从混乱走向清晰， 我还为我的同事提供全面的翻译和校对。 最近，我还是一名编码爱好者和前端开发人员。

---

将以下内容添加到CSS中：

a:link, a:hover { text-decoration: none; }

您可以将其从class.container中删除。默认情况下，浏览器样式为标记文本下划线

除去

选择该元素并添加文本装饰线：无

最好的方法就是不要使用！重要信息，请为该标签添加一个类名，例如noline

a.noline {
    text-decoration-line: none;
}

AFAK即使是a:link{text decoration:none}也应该足够了。 甚至是{文本装饰：无}。但在最后一种情况下，即使是href以外的锚，例如Bla也会受到影响

a.noline {
    text-decoration-line: none;
}