CSS: Nur erstes <li> einer Liste ansprechen?

[Josh]

Hallo alle

Ich möchte von einer Liste nur den ersten Eintrag per CSS ansprechen:

<ul>
<li>Erster Eintrag (grün)</li>
<li>Zweiter Eintrag (rot)</li>
<li>Dritter Eintrag (rot)</li>
</ul>

CSS:

ul li {
color: green;
}

ul>li {
color: red;
}

Leider frisst das weder Firefox noch Safari und Co. Ist das überhaupt so möglich?

Danke und Grüsse
Josh

 

[Jürgen Auer]

Meines Wissens und wenn ich Zentrale Formate einigermaßen richtig interpretiere, geht das gar nicht, daß das erste Unterelement gesondert formatiert wird.

Theoretisch wäre höchstens eine Umformatierung mittels JavaScript-DOM (Zugriff auf das erste Unterelement) denkbar.

 

[Moritz K]

Weise dem ersten Element doch einfach eine Klasse zu. Das erfordert natürlich einen kleinen Eingriff in den bestehenden Quelltext.
CODE
<ul>
<li class="rot">test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
</ul>

 

[franz.stumpner]

Das geht mit der Pseudo-Klasse :first-child jedoch wird das "nur" von Moz, Firefox, teilweise Opera unterstützt und von IE leider garnicht

siehe: http://www.css4you.de/first-child.html

lg franzi

Meine CSS-Linksammlung: http://privat.stumpner.net/content/view/94/66/

 

[Jürgen Auer]

QUOTE (franz.stumpner @ Do 20.7.2006, 7:17)Das geht mit der Pseudo-Klasse :first-child

Ups - in der oben zitierten SelfHtml-Kurzübersicht fehlt das.

In der Langübersicht zu Pseudoformaten ist dieser Wert auch aufgeführt.