Ich habe ein Element mit

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

#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?

Code :

1 2 3 4

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

Hi,

so geht das:

Code :

1 2 3

#global-navigation a { color:white; }

oder mit den Pseudoklassen:

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

#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; }

Exakter wäre Folgendes:

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

#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.

Hi,

Zitat von Gumbo

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.

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