Verschiedene Link Klassen funktionieren nicht

[kaepten]

Hallo,

Ich habe mehrere Links und die sollen alle Unterschiedlich sein.
Aber sobald ich eine Link Klasse mache zerstört es entweder die Linkformatierung oder es ändert sich nichts.

<nav>


<a class ="test" href="index.html"><img src="bilder/930.png" alt="BKWI" width="43" height="43"/>
<a class="test" href="informatik.html">Informatik</a>
<a class="test" href="schulplan.html">Fächer</a>
<a class="test" href="anmeldeformular.html">Anmeldeformular</a>
<a class="test" href="kontakt.html">Kontakt</a>


</nav>

a.test
       {
         display: block;
         padding: 0.5rem;
         border-top: 0.1rem solid black;
         margin: 0.5rem;
         text-decoration: none;
         text-underline: none;
         color: 000000;
    }
a.test:hover
      {
         padding-top: 0.4rem;
         border-top: 0.2rem solid black;
   }
a.test:visited
       {
     text-decoration: none;
     text-underline: none;
     color: 000000;
    }

nav
       {
          width: 1300px;
          height: 45px;
          display: flex;
         justify-content: center;       
       }

Sobald ich das Wörtchen test in der css-Datei entferne ist die Formatierung wieder 1a. Woran kann das liegen?

ich möchte nur das die Links mit der class test nur so formatiert werden!!

Die anderen sollen anderst formatiert werden!

HABE MEINEN FEHLER GEFUNDEN! KANN GELÖSCHT WERDEN