# :last-of-type Selector

## last-of-type ( ) version added: 1.9

Description: Selects all elements that are the last among siblings of the same element name.

The `:last-of-type` selector matches elements that have no other element with the same parent and the same element name coming after it in the document tree.

## 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>Corey,</span>
      <span>Yehuda,</span>
      <span>Adam,</span>
      <span>Todd</span>
    </div>
    <div>
      <span>Jörn,</span>
      <span>Scott,</span>
      <span>Timo,</span>
      <b>Nobody</b>
    </div>

    <script>

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

    </script>

    </body>
    </html>

#### Demo: