:first-child

[EKKi]

Mahlzeit heinetz,

ich möchte versuchen diese Ausgabe:

Text 1
Text 2
Text 3

(<div class="field-item">Text 1</div><div class="field-item">Text 2</div><div class="field-item">Text 3</div>)

... folgendermassen mit CSS formatieren:

Text 1 | Text 2 | Text 3

Deine <div>-Suppe möchte eine Liste sein ... ganz dringend! Wirklich ...

1. die Anordnung habe ich ohne weiteres mit 'display:inline' hinbekommen.
2. Jedem Inhalt eine Pipe voranzustellen funktionierte mit '.field-item:before { content: "|"; }'

Frage a) Funktioniert das mit den gängigen Browsern ?

Beachte das "<http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#before_after@title=Beachten Sie:>"! Es kommt darauf an, was Du unter "gängige Browser" verstehst ... ;-)

Damit sieht die Ausgabe aber so aus, dass vor dem ersten Element auch eine Pipe eingefügt wird.

Frage b) Wie löst man das am besten ?

Indem Du aus Deiner Liste auch eine Liste machst und dann dem <http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#first_line_letter_child@title=ersten Listeneintrag> das Pipe-Zeichen wieder wegnimmst. Beachte auch hierbei das "Beachten Sie:"!

MfG,
EKKi