Listenpunkte per CSS mit Hintergrundfarbe

Hai, Auskenner,

ich benötige eine von-der-Leitung-Schubsung:

Mein Problem ist ein Menue, das includet *g* wird und bei dem die aktuell angezeigte Seite mit anderer Hintergrundfarbe markiert werden soll. Dazu hat jeder Listenpunkt eine eigene ID und der wird im Kopf der jeweiligen Datei ein anderer Hintergrund zugewiesen - naja, soll zumindest, tut’s aber nicht…

Es funktioniert, wenn die Listenpunkte als Standard keinen Hintergrund haben; die Validatoren finden nix; ich meine, es müsste eigentlich, seh aber inzwischen den Wald vor lauter Bäumen nicht mehr…

Hilfe
Sibylle

CSS-Datei-Schnipsel:

div#menue ul li { background-color:#f0f0f5;
 display:inline;
 font-size:0.8em;
 position:relative;
 line-height:12px;
 float:left;
 width:18.5%;
 margin:0;
 padding:6px;
 border:solid 1px #000000; }

html-Datei-Schnipsel:

 li#instock { background-color:#d8e0e6; color:red; }

Home

Product Portfolio

Imprint

Equipment in stock

Contact / Enquiry

.
.
.

Hallo Sibylle,

der Selektor in der CSS-Datei hat eine höhere Wertigkeit als der im style-tag, und überschreibt den letzteren. Wenn Du den Selektor im style-tag „verlängerst“, müsste es klappen:

div#menue ul li#instock {
 ...
 }

Viele Grüße,

Juan

Das war’s. Danke. owTmSmG