Переопределить цвет ссылки внутри некоторого тега

Question

У меня есть страница html. Но нельзя переопределить цвет ссылки на панели навигации.

<section>
  <div>
    <H2>Some text here</H2>
    <a href="#">Some link here</a>
  </div>
</section>
<section>
  <div class="navbar-lower-container">
  <nav>    
    <ul class="nav">
      <li class="nav-item">
        <a href="#">Home</a>
      </li>
      <li class="nav-item">
        <a href="#">Articles</a>
      </li>
    </ul>
  </nav>
 </div>
</section>

Обе css и html можно найти здесь: https://codepen.io/lomachx/pen/WNbLgYa

Answer 1

Просто Вам нужно удалить

!important

из css классов, а затем Вы можете изменить цвет из этого класса

.nav a {
  color: #690;//Blue
}