mit CSS nächstes Element ansprechen

[tricky]

Hey,

ich habe hier so eine Liste:

  
<ul id="liste">  
  <li>Test</li>  
  <li>Test</li>  
  <li>Test</li>  
</ul>  

Hier ist das CSS:

  
#liste li:first-child { margin-left:3px; }  
#liste li { margin-left:7px; }  

Jetzt will ich noch, dass das mittlere <li> ein margin-left von 5px hat. Kann ich über das :first-child li irgendwie das nächste Element ansprechen (wie in Javascript nextSilbing)?

Ich will dies ohne eine weitere Klasse oder ID zu vergeben erreichen.

[ChrisB]

Hi,

Jetzt will ich noch, dass das mittlere <li> ein margin-left von 5px hat. Kann ich über das :first-child li irgendwie das nächste Element ansprechen (wie in Javascript nextSilbing)?

http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors

MfG ChrisB

[tricky]

http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors

Vielen Dank, hätte nicht gedacht, dass das so einfach ist :)

[Cybaer]

Hi,

Vielen Dank, hätte nicht gedacht, dass das so einfach ist :)

Bedenke: Wenn etwas "so einfach ist", dann ist die Chance groß, daß es auf dem IE nicht funktioniert.

Oder anders: Die IEs <=6 können das gar nicht, die neueren nur fehlerhaft (was sich mit dem finalen IE 8 wohl ändern wird).

Gruß, Cybaer