✔ Letzter Div im Div ansprechen

[ne0hype]

Hallo,

ich hab folgenden Konstrukt

  <div id="weatherData">
    <div>Stand: 13:32 Uhr</div>
    <div>Temperatur:</div>
    <div>Windstärke:</div>
    <div>Luftfeuchtigkeit:</div>
  </div>

Nun möchte ich für jedes Child von #weatherData ein gepunkteten Rand außer beim letzten.

Mein CSS sieht dann Momentan so aus:

#weatherData > div {
	padding-top: 1px;
	padding-bottom: 1px;
}

Danke

 

[Maik]

Hi.

#weatherData > div {
        padding-top: 1px;
        padding-bottom: 1px;
        border:1px dotted red;
}

#weatherData div + div + div + div { border:none; }

 

[ne0hype]

Gibt es keine elegantere Lösung?

 

[Maik]

Wenn du dem letzten DIV keinen Klassen- oder ID-Bezeichner mitgibst, um ihn gesondert zu behandeln bzw. anzusprechen, ist der Selektor für benachbarte Elemente die eleganteste Lösung.

 

[ne0hype]

Naja und was schlägst du jetzt vor?

 

[Maik]

Hab ich doch schon.

Wenn dir die Methode mit dem Selektor für benachbarte Elemente nicht zusagt, verpasst du eben dem letzten DIV einen Bezeichner und formatierst es mit einem Klassen- oder ID-Selektor.