Hi,

Es geht mir um Links in meiner Navigation.
Hover soll unberücksichtigt bleiben, weil ja auf mobilen Geräten sinnlos.

auf herkömmlichen Desktop-Browsern ist es aber immer noch wirksam und kann visuell hilfreich sein, wenn es dezent verwendet wird. Absolutes No-Go sind Größenänderungen, die dazu führen, dass andere Elemente hin- und herrutschen. Aber Farbumschläge, Unterstreichungen oder ähnliche visuelle Effekte finde ich durchaus vernünftig.

Visited ist in einer Navigation ja auch nicht schön, denke ich.

Auch hier: Kommt drauf an. Eine leicht abweichende Anzeige für :visited finde ich durchaus in Ordnung, aber sie sollte sich nicht dramatisch von der Normaldarstellung unterscheiden. Erkennbar, aber nicht aufdringlich.

ul#Navigation a:link {

text-decoration: none;
    color: #313131;
  }

ul#Navigation a:hover, ul#Navigation a:focus, ul#Navigation a:active {
    color: #ca1600;
  }

>   
> Kann ich das noch weiter optimieren?  
  
Was genau möchtest du daran optimieren?  
  

> Ginge es auch so?  
> ~~~css

  ul#Navigation a:link {  

>     text-decoration: none;  
>     color: #313131;  
>   }  
>   
>   ul#Navigation a:hover, a:focus, a:active {  
>     color: #ca1600;  
>   }

Natürlich ginge das, aber es ist etwas anderes. Das Komma trennt mehrere Selektoren in einer Aufzählung, von denen aber jeder einzelne für sich betrachtet wird. Das Komma bedeutet keine Gruppierung!

Oder werden damit dann für focus und active auch wieder alle Links ausserhalb meiner Navigation angesprochen?

Genau das.

Ciao,
 Martin