İyi çalışmalar herkese sitemde sayfa içine bir menü daha ekleyeceğim css kodlarını menu.css olarak yapıp indexe bağladım fakat yeni eklediğim menünün yazı stilleri eski menü ile karışıyor. Hatta sitede birkaç yerde bazı yazıları bozuyor. Ben bu css kodlarını sadece bu menünün kullanması için ne yapabilirim?

Menü Kodu:

  <nav id="shift">
    <ul>
      <li><a href="#">YÖNETİM KURULU</a></li>
      <li><a href="#">Netsis Destek</a></li>
      <li><a href="#">Kurumsal</a></li>
      <li><a href="#">Teknik Destek</a></li>
    </ul>
</nav>

Örnek bozan css kodu

nav {
  width: 100%;
  margin: 0 auto;
  background: #fff;
  padding: 50px 0;
  box-shadow: 0px 5px 0px #dedede;
}

nav ul {
  list-style: none;
  text-align: center;
}
nav ul li {
  display: inline-block;
}
nav ul li a {
  display: block;
  padding: 15px;
  text-decoration: none;
  color: #aaa;
  font-weight: 800;
  text-transform: uppercase;
  margin: 0 10px;
}
nav ul li a,
nav ul li a:after,
nav ul li a:before {
  transition: all .5s;
}
nav ul li a:hover {
  color: #555;
}