Das erste "Kind-Element" selektieren

[EKKi]

Mahlzeit Hans Wurst,

• Gib der Navi auf jeder Seite zusätzlich zu der Klasse eine seitenspezifische ID, schmeiß das Hintergrundbild aus dem o.g. Abschnitt raus und definiere für jede einzelne Seite ungefähr folgendes:
  Genau das habe ich bereits gemacht, gefällt mir aber nicht so, weil CSS Code in HTML vorkommt, das möchte ich vermeiden und am besten auslagern.

Wenn Du es richtig machst, kommt kein CSS im HTML vor. Nochmal:

CSS:

.navi {  
  [...]  
}  
  
#navi_eins {  
  background-image: url(/foo/bar/eins.jpg);  
}  
  
#navi_zwei {  
  background-image: url(/foo/bar/zwei.jpg);  
}  
  
#navi_drei {  
  background-image: url(/foo/bar/drei.jpg);  
}

--------------------------------------------------

HTML "eins.html":

<ul class="navi" id="navi_eins">  
[...]  
</ul>

--------------------------------------------------

HTML "zwei.html":

<ul class="navi" id="navi_zwei">  
[...]  
</ul>

--------------------------------------------------

HTML "drei.html":

<ul class="navi" id="navi_drei">  
[...]  
</ul>

MfG,
EKKi