Hallo qx
Besten Dand für deine Erklärung.

Wenn link+visited gleich formatiert sind kannst du sie weglassen;
ein einfaches a[xyz='#'] {color: DarkBlue} genügt.
Mit hover+focus erreichst du unterschiedliche Ereignisse.

hover = mousover (¿touchover?)
focus = click und barrierefreies durchtabben

a[href*="#"]:hover {color: Orange;}

a[href*="#"]:focus {color: Pink;}

  
ich möchte eigentlich focus und hover zusammenfassen, da es m.E. keinen Unterschied macht, ob ich mit der Maus oder mit dem Tab-Funktion die links anklicke. Die Absicht des Benützers ist ja dieselbe, oder übersehe ich da etwas?  
(Deshalb lasse ich auch active weg, da ein link ja nur solange z.b. bold bleibt, wie ich mit der Maus 1/2 Klick mache, sobald ich den Klick wieder loslasse verliert der link die active-Formatierung.)  
  
Bei mir sieht das dann so aus:  
~~~css
  
.anker a[href*="slide-show"]:link {  
 font-size: .7em;  
 text-decoration: none;  
 background-color: yellow;  
 padding: .1em .5em;  
 border: 1px solid red;  
 border-radius: 1px;  
 color: black;  
 }  
  
 .anker a[href*="slide-show"]:visited {  
 border: 1px solid blue;  
 color: #8470FF;  
 } /*8470FF=lightslateblue*/  
  
.anker a[href*="slide-show"]:focus,.mypictures .anker li a[href*="slide-show"]:hover {  
 background-color: #999999;  
 border: 1px solid blue;  
color: white;  
 }  

d.h. im a link habe ich die vollständige Formatierung angegeben und bei visited und focus+hover nur das, was sich ändern soll.

Gruss,
bari.