Css 从菜单和链接中删除下划线

我在URL上 所有的菜单和链接都有下划线

我添加了CSS代码：

文本装饰：无在正文中，但仍然相同

你知道它在每个菜单上是如何工作的吗，比如说，但不知道它在身体层面上是如何工作的

谢谢
您应该将其添加到
a
元素中：

.main-navigation > div > ul > li > a {

    text-decoration: none;
    /* other styles...*/

}

将其设置为
body
时，对
a
元素没有影响，因为应用了浏览器默认样式

body {
   text-decoration: none;        /* will have no effect on <a> elements since: */
}

a:-webkit-any-link {             /* user agent stylesheet */
    color: -webkit-link;
    cursor: pointer;
    text-decoration: underline;  /* NOTICE THIS! */
}

/* let's override user agent stylesheet */

.main-navigation li  a {
    text-decoration: none; 
}

正文{
文本装饰：无；/*对元素没有影响，因为：*/
}
a:-webkit任意链接{/*用户代理样式表*/
颜色：-网络工具包链接；
光标：指针；
文本装饰：下划线；/*注意这一点*/
}
/*让我们重写用户代理样式表*/
.主导航李a{
文字装饰：无；
}
添加CSS代码以删除下划线

.main-navigation > div > ul > li > a{
    text-decoration: none;
}