✔ Alle Links in einem Element weiss

[wachteldonk]

Ich habe ein Element mit

#global-navigation 
	{
	color:white;
    position: fixed !important;
    position: absolute;
    overflow: auto;
    left: 0px;
    top: 40px;
    background-image: url(img/fieldsetheaderbg.jpg);
    width: 100%;
    height:20px;
    border-right: 1px solid #222222;
    padding: 5px;
    z-index: 2;   
	}

Wie schaffe ich es das alle Links innerhalb dieses Elements weiss sind?

sowas ähnliches müsste das doch sein,oder? wie geht das?

#global-navigation.a:
	{
	color:white;
	}

 

[Maik]

Hi,

so geht das:

#global-navigation a {
color:white;
}

oder mit den Pseudoklassen:

#global-navigation a:link {
color:white;
}
#global-navigation a:visited {
color:green;
}
#global-navigation a:focus {
color:red;
}
#global-navigation a:hover {
color:yellow;
}
#global-navigation a:active {
color:blue;
}

 

[Gumbo]

Exakter wäre Folgendes:

#global-navigation a:link {
	color:white;
}
#global-navigation a:visited {
	color:green;
}
#global-navigation a:link:focus,
#global-navigation a:visited:focus {
	color:red;
}
#global-navigation a:link:hover,
#global-navigation a:visited:hover {
	color:yellow;
}
#global-navigation a:link:active,
#global-navigation a:visited:active {
	color:blue;
}

Erklärung: das a-Element kann auch nur als Ziel eines Links dienen (also ohne href-Attribut: <a name="foobar">…</a>), womit es kein Link im Sinne der :link-Pseudoklasse ist.

 

[Maik]

Hi,

das a-Element kann auch nur als Ziel eines Links dienen (also ohne href-Attribut: <a name="foobar">…</a>), womit es kein Link im Sinne der :link-Pseudoklasse ist.

das ist soweit richtig, wenn sich denn auch solch ein Anker innerhalb des Elements mit der ID #global-navigation befindet.

 

[Gumbo]

Da das nicht ausgeschlossen werden kann, ist es besser gleich sorgfältig zu arbeiten. Vielleicht möchte es ja auch jemand als Vorlage nutzen.