nicht angemeldet
#nav1 {
width: 100%;
height: 40px;
line-height:40px;
position: relative;
top: 0;
left:0;
background-color: #B2B1DF;
list-style: none;
margin: 0;
padding: 0;
display: block;
}
#nav1 li.nav1selected a:link, a:active, a:visited {
color: #B2B1DF;
}
/* -------------------------------------------------------------/
/ Böse Eigenschaft /
/ -------------------------------------------------------------*/
.popnavmain a:active, a:hover, a:visited {
color: #000000;
}
>
> Die Color-Eigenschaft von .popnavmain a:active, a:hover, a:visited überschreibt die Color-Eigenschaft von
> #nav1 li.nav1selected a:link, a:active, a:visited
>
> Und wahrscheinlich werden jetzt einige die Hände über dem Kopf zusammenschlagen und sagen: "Ist doch klar!" Aber mir nicht, wie kann ich die a-Eigenschaften besser zuordnen?
Hallo Siri,
\*Hände über dem Kopf zusammenschlag\*
"ist doch klar" ;-))
Die Pseudoklassen a:link, a:hover, a:visited ... usw, beziehen sich global auf ALLE Links in deinem Dokument.
Somit überschreibst du also mit diesem Selektor
.popnavmain a:active, a:hover, a:visited {
color: #000000;
}
die hover- und visited-Zustände von allen Links, obwohl du nur den hover -und visited-Zustand der Links in "popnavmain" formatieren willst.
Du kannst die Schreibweise nicht derart abkürzen, wie du es getan hast.
Schreibe also:
.popnavmain a:active,
.popnavmain a:hover,
.popnavmain a:visited {
color: #000000;
}
LG
Netinja