Pseudoklasse bei Linkdeklaration

Status
Nicht offen für weitere Antworten.

BossBort

Grünschnabel
Mein Leute,

ich habe ein Problem. Ich Habe von meinem Chef den Auftrag erhalten für unser internes Firmenportal ein neues Template zu erstellen.
Dabei soll im Menü die Farbe des Links auf der Seite ich mich gerade befinde in einer Bestimmten Farbe dargestellt sein.

Bsp.

::MENÜ::
Home
News
Archiv
Blog
....


wir befinden uns garade Mental im Menüpunkt blog. Dieser Link soll dann als einzuger die Farbe Rot haben. Wenn ich auf eine andere Seite welchsel soll die Farbe wieder Schwarz werden und die Farbe des Links auf dessen Inhalt ich mich garade befinde Rot erscheinen.

Ich hoffe ich habe das Problem jetzt ausreichend geschildert und hoffe das Ihr mir bei meinem Problem helfen könnt. Vielleicht gibt es ja dafür auch irgendwelche Pseudoklassen wie z.b. hover oder active
 
Hi,

der Link der aktuell geöffneten Seite wird hierfür mit einer ID #current ausgezeichnet, und wie gewünscht formatiert:

Code:
ul#nav {
margin:0;
padding:0;
list-style:none;
}

ul#nav li a {
text-decoration:none;
}

ul#nav li a:link, ul#nav li a:visited {
color:#959595;
}

ul#nav li a:hover, ul#nav li a#current{
color:#ff0000;
}
Code:
<ul id="nav">
    <li><a href="#">Home</a></li>
    <li><a href="#">News</a></li>
    <li><a href="#">Archiv</a></li>
    <li><a href="#" id="current">Blog</a></li>
</ul>
 
Status
Nicht offen für weitere Antworten.
Zurück