# :last-child Selector

## last-child ( ) version added: 1.1.4

Description: Selects all elements that are the last child of their parent.

While :last matches only a single element, `:last-child` can match more than one: one for each parent.

## Examples:

#### Example: Find the last span in each matched div and add some css plus a hover state.

    <!doctype html>
    <html lang="en">
    <head>
      <meta charset="utf-8">
      <title>css demo</title>

      <style>

      span.solast {
        text-decoration: line-through;
      }

      </style>

      <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    </head>
    <body>

    <div>
      <span>John,</span>
      <span>Karl,</span>
      <span>Brandon,</span>
      <span>Sam</span>
    </div>
    <div>
      <span>Glen,</span>
      <span>Tane,</span>
      <span>Ralph,</span>
      <span>David</span>
    </div>

    <script>

    $( "div span:last-child" )
      .css({ color:"red", fontSize:"80%" })
      .hover(function() {
        $( this ).addClass( "solast" );
      }, function() {
        $( this ).removeClass( "solast" );
      });

    </script>

    </body>
    </html>

#### Demo: