CSS Listen

Huhu,

mal ne Frage:

Ich habe eine Liste bzw eine Navigation(von Wordpress), welche ich designen will.

Hier der Ausschnit:

[code]

[/code]

Geht ja eigentlich alles. Ich möchte, dass “Allgemein” und “testtest” einen anderen hintergrund haben als die anderen Kategorien.

Wie mache ich das in CSS?

Ich hoffe ihr wisst es :smiley:

Grüße <3

Von der Struktur her sollte man um das aller erste a wohl noch
ein Blockelement tun, damit das auf der gleichen logischen
Ebene liegt wie das unmittelbar folgende Blockelement ul.

Sowas könnte man bei dem anderen natürlich auch einfügen.
In dem neu eingefügten Element könnte man dann noch
eine Klasse spendieren und dafür dann das neue Hintergrundbild
angeben, prinzipiell könnte man auch den betroffenen
a-Elemente ein Attribut class verpassen und darüber per CSS
das Hintergrundbild beisteuern, funktioniert aber besser bei
Blockelementen.

huhu,

das problem ist, dass die daten automatisch von wordpress generiert werden und ich da nichts besonders ändern kann…

grüße

Arbeitet das Teil nicht mit Vorlagen (templates)?
Irgendwo muß das (X)HTML doch herkommen, was das Ding
erzeugt ;o)

Aber durch geschickte Wahl von CSS-Selektoren kannst du
die zumindest per CSS auch einzeln dekorieren.
Der hintere ist ja recht einfach:
ul#nav > li.cat-item-4 > a { …etc…}
(das ‘>’ ist in dem Falle optional)

Vorne müßte eigentlich auch so gehen:
ul#nav > li.cat-item-1 > a { …etc…}
(zumindest das letzte > ist nicht optional, um Mehrdeutigkeiten
zu vermeiden).

Wenn sich der Wert des Attributes title nicht ändert, kann man
natürlich auch sagen:
ul#nav > li.cat-item-1 > a[title~=“Allgemein”] { …etc …}
um das noch spezifischer zu machen, oder auch:
ul#nav > li.cat-item-1 > a[title=“Alle unter Allgemein abgelegten Artikel ansehen”] { …etc …}
entsprechend dann beim hinteren.

Ist allenfalls dabei zu beachten, daß alte browser solche
Selektoren nicht komplett verstehen…