Das erste "Kind-Element" selektieren

[EKKi]

Mahlzeit Hans Wurst [NEUES THEMA],

Es geht immer noch um die Navi.
.header_navi {
  width:990px;
  height:45px;
  background-image:url(../../Img/de/Tabslider_Club.gif);
  background-repeat:no-repeat;
  background-position:center center;
}

Die CSS-Datei ist in jedem der 3x HTML Seiten eingebunden, d.h. alle 3x Seiten haben unterschiedlichen Inhalt, aber die selbe Navi (u.a. auch das Hintergrundbild).

Also ich möchte gerne das die jeweilige Seite, ihren eigenen Navi-Hintergrund bekommt.

Da gibt es verschiedene Möglichkeiten. Einige davon sind:

• 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:

#navi_Club {  
  background-image:url(../../Img/de/Tabslider_Club.gif);  
}  
  
#navi_Foo {  
  background-image:url(../../Img/de/Tabslider_Foo.gif);  
}  
  
#navi_Bar {  
  background-image:url(../../Img/de/Tabslider_Bar.gif);  
}

• Gib der Navi auf jeder Seite eine weitere zusätzliche seitenspezifische Klasse ... Rest s.o.

• Unschön: binde das entsprechende Hintergrundbild einfach direkt im <ul> ein. Ich persönlich würde zu eine der vorgenannten Möglichkeiten tendieren.

MfG,
EKKi