[CSS] Links unterschiedlich gestalten

[bisselbock]

Moin zusammen! Irgendwie stehe ich gerade unheimlich auf'm Schlauch, denn das, was ich will, hab ich bestimmt schon mal irgendwo gemacht, aber irgendwie kriege ich die Syntax nicht mehr zusammen.

Also, ich habe zwei verschiedene div-Boxen, eine mit der id=navi und eine mit der id=inhalt. Nun möchte ich innerhalb dieser Boxen einfach einen Link (<a>-Tag) einfügen und erreichen, dass diese Links unterschiedlich aussehen, ohne dass ich dem <a>-Tag noch ein class-Attribut mit auf den Weg gebe. Verstanden, was ich meine? Vielen Dank für eure Hilfe!

 

[Crazy_EB]

Einfach in Deine CSS-Datei folgendes einfügen:

#navi a:link, #navi a:active, #navi a:visited {
    - css Attribute -
}
#navi a:hover {
    - css Attribute -
}
#inhalt a:link, #inhalt a:active, #inhalt a:visited {
    - css Attribute -
}
#inhalt a:hover {
    - css Attribute -
}

"- css Attribute -" muss natürlich noch ersetzt werden .
Ich hoffe ich konnte Dir damit helfen.

 

[theHacker]

Ein interessanter Link zum Thema:
https://de.selfhtml.org/css/formate/zentrale.htm#verschachtelte_elemente