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

Question

我在URL dev2one website上 并且所有菜单和链接都带有下划线

我在正文中添加了CSS代码：text-decoration: none;，但仍然相同。

任何想法，例如它如何在每个菜单上起作用，但在机身上却不起作用

谢谢

Answer 1

您应将其添加到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; 
}

Answer 2

添加CSS代码以删除下划线

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