Ausbreitung des Coronavirus führt zu immer mehr Tafel-Schließungen

Um 1,6 Millionen bedürftige Tafel-Nutzer:innen jetzt nicht allein zu lassen, ruft Tafel Deutschland e.V. zu Solidarität und Unterstützung auf. Sie wollen helfen? Informationen finden Sie unter tafel.de.

Coronacharityshop.png

Eine weitere Möglichkeit ist der Einkauf im CoronaCharityShop – alle Einnahmen gehen zu 100 % an die Tafeln. Herzlichen Dank für Ihre Unterstützung.

CSS/Selektoren/Pseudoklasse/strukturelle Pseudoklasse/last-of-type

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Der Selektor :last-of-type funktioniert in völliger Analogie zu first-of-type.

  • CSS 3.0
  • IE 9
  • Firefox
  • Chrome
  • Safari
  • Opera
Beispiel ansehen …
<!doctype html> <html> <head> <meta charset="utf-8"> <title>CSS-Beispiel: Pseudoklasse last-of-type</title> <style> body { width: 30em; } h2:last-of-type { border: 3px solid blue; } </style> </head> <body> <h1>Strukturelle Pseudoklassen</h1> <h2>Kindselektoren</h2> <p>Ein Absatz</p> <h2>Geschwisterselektoren</h2> <p>Ein Absatz</p> </body> </html>
In diesem Beispiel erhält die letzte Überschrift zweiter Ordnung einen blauen Rahmen.
Beachten Sie: Der Selektor h2:last-child könnte in diesem Beispiel nichts selektieren, weil die Überschriften zweiter Ordnung das zweit- und viertletzte Kind des body-Elements sind.

Weblinks[Bearbeiten]