nicht angemeldet
Hallo,
irgendwas habe ich wohl nicht ganz verstanden...
Folgendes kleines HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title></title>
<meta http-equiv="cache-control" content="no-cache"/>
<meta http-equiv="pragma" content="no-cache"/>
<meta content="" name="keywords"/>
<meta content="" name="description"/>
<link rel="stylesheet" href="css/example.css" type="text/css"/>
</head>
<body>
<nav id="mainnav">
<ul id="nav1">
<li class="nav1selected">
<a href="example/index.html">Start</a>
</li>
</ul>
</nav>
</body>
</html>
Dazu dieses CSS:
BODY {
position: absolute;
top: 0px;
left: 0px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 16px;
margin: 0;
padding: 0;
width: 100%;
background-color: #181815;
}
#mainnav {
position: relative;
top: 0;
left:0;
display: block;
margin: 0;
padding: 0;
}
#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;
}
#nav1 li.nav1selected {
height: 40px;
line-height:40px;
display: inline;
float: left;
padding-left: 10px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
margin: 0px;
white-space: nowrap;
background-color: #393949;
vertical-align: middle;
font-size: 18px;
font-weight: bold;
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?
Danke und Gruß,
Siri