SSI-Menü-Links müssen Farbwechsel: CSS oder HTML?

Question

Haben Sie ein Menü als SSI. Ich möchte die Farbe der angezeigten SSI-Links auf der Seite ändern. Meine Lektüre zeigt, dass ich CSS verwenden kann, um die angezeigte Linkfarbe zu ändern, so dass div um das Menü und die eindeutige Div-ID sowie CSS für das div erstellt wird. Die Div-ID ist "Menü".

CSS

#menu { 
    font-family: Verdana, Geneva, sans-serif; 
    margin-left: 25px; 

    a { color: #FFFF00; } 
} 

Nur die nicht besuchte Links müssen, damit die einzige Zeile ändern. Dieser Code ändert meine Links nicht: Sie zeigen den Standard # 0000EE an. Dieser Code stellt den erforderlichen Rand bereit, sodass der Server das CSS liest.

Ich kann die Linkfarben ändern html ändern, um den Körper von der Seite durch Zugabe, aber ich würde es vorziehen, nicht:

<style> 
a {color: yellow;} 
</style> 

Dies ändert alle Links, nicht, was ich tun wollen.

Answer 1

Sofern Sie keine CSS-Präprozessoren verwenden, die die Verschachtelung unterstützen, ist Ihr CSS ungültig. Sobald der Browser das a-Tag innerhalb der #menu sieht, funktioniert es nicht mehr, da erwartet wird, dass eine CSS-Eigenschaft vorhanden ist und kein anderer Elementselektor.

Um die richtige Styling zu bekommen, dies zu tun:

#menu a { 
    color: #FFFF00; 
} 

Wenn Sie nur Links stylen möchten, die nicht besucht haben, etwas zu tun, wie folgt aus:

#menu a:not:visited { 
    color: #FFFF00; 
}