:last-child

Übersicht

Die :last-child CSS Pseudoklasse repräsentiert jedes Element, das das letzte Kindelement seines Elternelements ist.

Syntax

element:last-child { Stileigenschaften }

Beispiel

HTML Inhalt

<ul>
  <li>Dieser Punkt ist nicht grün.</li>
  <li>Auch nicht dieser.</li>
  <li>Dieser Punkt ist es! :)</li>
</ul>

CSS Inhalt

li:last-child {
  background-color: lime;
}

Spezifikationen

Spezifikation Status Kommentar
Selectors Level 4
Die Definition von ':last-child' in dieser Spezifikation.		 Arbeitsentwurf Keine Änderung
Selectors Level 3
Die Definition von ':last-child' in dieser Spezifikation.		 Empfehlung Ursprüngliche Definition.

Browser Kompatibilität

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid WebviewChrome für AndroidFirefox für AndroidOpera für AndroidSafari auf iOSSamsung Internet
:last-childChrome Vollständige Unterstützung 1Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 1IE Vollständige Unterstützung 9Opera Vollständige Unterstützung 9.5Safari Vollständige Unterstützung 3.2WebView Android Vollständige Unterstützung ≤37Chrome Android Vollständige Unterstützung 18Firefox Android Vollständige Unterstützung 4Opera Android Vollständige Unterstützung 10.1Safari iOS Vollständige Unterstützung 3.2Samsung Internet Android Vollständige Unterstützung 1.0
Matches elements with no parentChrome Vollständige Unterstützung 57Edge Vollständige Unterstützung 79Firefox Vollständige Unterstützung 52IE Keine Unterstützung NeinOpera Vollständige Unterstützung 44Safari Keine Unterstützung NeinWebView Android Vollständige Unterstützung 57Chrome Android Vollständige Unterstützung 57Firefox Android Vollständige Unterstützung 52Opera Android Vollständige Unterstützung 43Safari iOS Keine Unterstützung NeinSamsung Internet Android Vollständige Unterstützung 7.0

Legende

Vollständige Unterstützung  
Vollständige Unterstützung
Keine Unterstützung  
Keine Unterstützung

Siehe auch

Verwandte Themen
  1. CSS
  2. CSS Referenz
  3. CSS Selectors
  4. Handbuch
    1. Using the :target pseudo-class in selectors [Übersetzen]
  5. Eigenschaften
    1. Selector list [Übersetzen]
  6. Basic Selectors
    1. Typselektoren
    2. Klassenselektoren
    3. ID-Selektoren
    4. Universalselektoren
    5. Attributselektoren
  7. Combinators
    1. Angrenzende Geschwisterselektoren
    2. Allgemeine Geschwisterselektoren
    3. Kindselektoren
    4. Descendant combinator [Übersetzen]
    5. Column combinator [Übersetzen]
  8. Pseudo-classes
    1. :active
    2. :any-link [Übersetzen]
    3. :checked [Übersetzen]
    4. :blank [Übersetzen]
    5. :default
    6. :defined [Übersetzen]
    7. :dir()
    8. :disabled
    9. :empty
    10. :enabled
    11. :first
    12. :first-child
    13. :first-of-type
    14. :fullscreen
    15. :focus
    16. :focus-visible [Übersetzen]
    17. :focus-within [Übersetzen]
    18. :has() [Übersetzen]
    19. :host() [Übersetzen]
    20. :host-context() [Übersetzen]
    21. :hover
    22. :indeterminate
    23. :in-range
    24. :invalid
    25. :is() (:matches(), :any()) [Übersetzen]
    26. :lang
    27. :last-child
    28. :last-of-type
    29. :left [Übersetzen]
    30. :link
    31. :not()
    32. :nth-child
    33. :nth-last-child() [Übersetzen]
    34. :nth-last-of-type() [Übersetzen]
    35. :nth-of-type() [Übersetzen]
    36. :only-child
    37. :only-of-type [Übersetzen]
    38. :optional
    39. :out-of-range
    40. :placeholder-shown [Übersetzen]
    41. :read-only [Übersetzen]
    42. :read-write [Übersetzen]
    43. :required
    44. :right [Übersetzen]
    45. :root
    46. :scope [Übersetzen]
    47. :target [Übersetzen]
    48. :valid [Übersetzen]
    49. :visited
    50. :where() [Übersetzen]
  9. Pseudo-elements
    1. ::-moz-progress-bar
    2. ::-moz-range-progress [Übersetzen]
    3. ::-moz-range-thumb [Übersetzen]
    4. ::-moz-range-track [Übersetzen]
    5. ::-ms-browse
    6. ::-ms-check
    7. ::-ms-clear [Übersetzen]
    8. ::-ms-expand [Übersetzen]
    9. ::-ms-fill
    10. ::-ms-fill-lower
    11. ::-ms-fill-upper
    12. ::-ms-reveal
    13. ::-ms-thumb
    14. ::-ms-ticks-after [Übersetzen]
    15. ::-ms-ticks-before [Übersetzen]
    16. ::-ms-tooltip [Übersetzen]
    17. ::-ms-track [Übersetzen]
    18. ::-ms-value [Übersetzen]
    19. ::-webkit-progress-bar [Übersetzen]
    20. ::-webkit-progress-value [Übersetzen]
    21. ::-webkit-slider-runnable-track [Übersetzen]
    22. ::-webkit-slider-thumb [Übersetzen]
    23. ::after (:after)
    24. ::backdrop
    25. ::before (:before)
    26. ::cue [Übersetzen]
    27. ::first-letter (:first-letter) [Übersetzen]
    28. ::first-line (:first-line) [Übersetzen]
    29. ::grammar-error [Übersetzen]
    30. ::marker [Übersetzen]
    31. ::part() [Übersetzen]
    32. ::placeholder
    33. ::selection
    34. ::slotted() [Übersetzen]
    35. ::spelling-error [Übersetzen]