Подчеркнутый синий текст в тексте - оформление текста: нет; (И цвет) не работает

Question

Я новичок, чтобы среагировать, и я пытаюсь изменить цвет текста и удалить подчеркивание из "ссылок" на моей навигационной панели. Вот мой код для моей панели навигации:

 render() { return ( 
    <nav class='items'>

<ul>
<Navitem item="Home" tolink="/"  activec={this.activeitem}></Navitem>
<Navitem item="About" tolink="/about"  activec={this.activeitem}></Navitem>
<Navitem item="Education" tolink="/education"  activec={this.activeitem}></Navitem>
<Navitem item="Skills" tolink="/skills"  activec={this.activeitem}></Navitem>
<Navitem item="Contact" tolink="/contact"  activec={this.activeitem}></Navitem>
</ul>
    </nav>   
     )

} 

и вот мой CSS для панели навигации: (как вы можете видеть, я пытался изменить цвет и оформление текста в нескольких местах, но безрезультатно. Синее подчеркивание и синий текст по-прежнему сохраняются!

 nav
{

padding:60px 30px 0px 30px ;
flex:var(--sidebar-flex);
background-image: url('../src/Images/cb.gif');
background-size: cover;
background-position: center;
/*background: rgb(255, 255, 255);*/
/*background: linear-gradient(180deg, rgb(255, 255, 255) 50%, rgba(132,124,252,1) 80%);*/
}

nav ul
{ 
  font-size:var(--fontsize-nav) ;
  text-align: center;
  list-style-type: none;
  text-decoration: none;
  color: black !important; 
}
nav ul li
{ margin:60px;
  margin-bottom: 80px;
  text-align: center;
  list-style-type: none;
  text-decoration: none;
  color: black !important; 
}

.Navitem
{
  text-decoration: none;
  color: black;
}

Я все еще новичок, чтобы отреагировать, поэтому, если это довольно простое исправление, я прошу прощения! Большое спасибо за любые советы и, если требуется дополнительная информация, пожалуйста, дайте мне знать.

Спасибо!

Answer 1

Использовать текстовое оформление: нет; для тега <a>, созданного вашим компонентом NavItem.

, например

nav ul li a {
   text-decoration: none;
}