Gibt es eine Klassen- bzw. ID-Hierarchie??

[benpen]

Hallo, mit der Suche habe zu meinem Problem nichts gefunden.

Und zwar. Ich hab hier ein Listenmenü in einem div. Das div und die Listen habe komplett mit css formatiert. Jetzt weise ich mittels php einem aktiven Listenelement eine Klasse (.aktiv) zu.
Doch es werden nur die Eigenschaften von .aktiv übernommen, welche nochnirgend in diesem css-Dokument angegeben wurden.
Wenn ich also z.B. bei #navimain li a:hover die Farbe Weiß zuweise und bei .aktiv Schwarz, wird das Schwarz nicht berücksichtigt.

An was liegt das?

Hier meine Codes:

PHP:

  
<?php  
$section = $_GET['section'];  
?>  
<div id="navimain">  
<ul>  
<li><a href="navi01.php?section=produkte"<?php echo $_REQUEST['section']=='produkte'?' class="activ"':''; ?>>Produkte</a></li>  
<li><a href="navi01.php?section=kontakt"<?php echo $_REQUEST['section']=='kontakt'?' class="activ"':''; ?>>Kontakt</a></li>  
</ul>  
</div>  

CSS

  
body {  
font-family: Verdana, Arial, Helvetica, sans-serif;  
font-size: 11px;  
background-color: #f7f7f7;  
margin-left: 0px;  
margin-top: 0px;  
margin-right: 0px;  
margin-bottom: 0px;  
color: #0066FF;  
}  
  
  
#navimain {float:left;}  
  
#navimain ul  
{  
list-style-type: none;  
padding: 0px;  
border: 1px solid #000000;  
}  
  
#navimain li {  
display: block;  
}  
  
#navimain li a, #navimain li a:link {  
text-decoration: none;  
display: block;  
color: #000000;  
width: 150px;  
padding: 5px;  
}  
  
#navimain li a:visited {  
color: #0066FF;  
background-color: #EBEBEB;  
}  
  
#navimain li a:active, #navimain li a:hover, #navimain li a:focus {  
color: #ffcc00;  
background-color: #818181;  
}  
  
.activ { font-weight:bold; background-color:#666666; color:#00FF00}  

[Gunnar Bittersmann]

@@benpen:

Wenn ich also z.B. bei #navimain li a:hover die Farbe Weiß zuweise und bei .aktiv Schwarz, wird das Schwarz nicht berücksichtigt.
An was liegt das?

An der Spezifität der Selektoren.

Hier meine Codes:
PHP:

Serverseitiger Code ist bei einem clientseitigen Problem irrelevant.

Live long and prosper,
Gunnar

[Jaroslav Jablonski]

Doch es werden nur die Eigenschaften von .aktiv übernommen, welche nochnirgend in diesem css-Dokument angegeben wurden.

Der Klassenselektor hat in deuinem Beispiel die niedrigste Gewichtung:
http://de.selfhtml.org/css/formate/kaskade.htm#spezifitaet

JJ

[benpen]

Ah OK. Aber gibt es denn ein Lösung?

[Gunnar Bittersmann]

@@benpen:

Der Klassenselektor hat in deuinem Beispiel die niedrigste Gewichtung:
Ah OK. Aber gibt es denn ein Lösung?

Sie liegt auf der Hand: Erhöhe die Spezifität des entsprechenden Selektors (durch hinzufügen von Element- oder ID-Bezeichnern).

Live long and prosper,
Gunnar

[benpen]

@@benpen:

Der Klassenselektor hat in deuinem Beispiel die niedrigste Gewichtung:
Ah OK. Aber gibt es denn ein Lösung?

Sie liegt auf der Hand: Erhöhe die Spezifität des entsprechenden Selektors (durch hinzufügen von Element- oder ID-Bezeichnern).

Live long and prosper,
Gunnar

Danke schön. Jetzt klappt es.
Hab aus ".aktiv" nun "#navimain li a.aktiv" gemacht