# :last-child Selector

Categories: Selectors > Child Filter

## last-child selector

#### version added: 1.1.4jQuery(':last-child')

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.

### Example:

#### Finds the last span in each matched div and adds some css plus a hover state.

    <!DOCTYPE html>
    <html>
    <head>
      <style>
      span.solast { text-decoration:line-through; }
      </style>
      <script src="http://code.jquery.com/jquery-1.7rc2.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: