ID --> Class

[Alex]

So hier ist erstmal der Code, unten mein Problem :

ul#Navigation      {
    font-size:15px;
    width: 93px;
    margin: 0px;
    padding: 0px;
          }

ul#Navigation li     {
    margin: 0px;
    padding: 0px;
    height:35px;
    list-style: none;
              }

ul#Navigation a     {
    display: block;
    font-weight:bold;
    padding:7px;
    border:1px solid #9c9c9c;
    width:80px;
         }

ul#Navigation a:link    {
    color:#202055;
    background-color: #9c9c9c;
        }

ul#Navigation a:visited   {
    color: #202055;
    background-color: #9c9c9c;
      }

ul#Navigation a:hover   {
    color: #000000;
    background-color: #8b8b8b;
    border:1px solid #ffffff;
    border-left-color: #000000;
    border-top-color: #000000;
    border-bottom-color: #ffffff;
    border-right-color: #ffffff;
        }
  ul#Navigation a:active  {
    color: #000000;
    background-color: #8b8b8b;
    border:1px solid #ffffff;
    border-left-color: #000000;
    border-top-color: #000000;
    border-bottom-color: #ffffff;
    border-right-color: #ffffff;
        }

Zuerst wollte ich eine ID machen, wie ihr im Code seht, doch dann hab ich gemerkt dass man IDs nur einmal verwenden sollte, da ich die Effekte aber für mehrere Dinge auf meiner Homepage brauche, wollte ich den ID-Code in eine Class umwandeln, aber irgendwie will es nicht klappen, wäre nett wenn ihr mir helfen könntet.