View source for CSS3/Selectors/pseudo-classes/:nth-last-child

= Pseudo-class :nth-last-child() =

The :nth-last-child() pseudo-class represents an element that has ''an+b'' siblings after it in the document tree, for any positive integer or zero value of n, and has a parent element.

== Syntax ==
<pre>
selector:nth-last-child(an+b){ properties }
</pre>


== Point, Note ==
*The examples of ''an+b'' are as follows:
** :nth-last-child(odd)    /* represents all odd foo elements in their parent element, counting from the last one */
** :nth-last-child(-n+2)    /* represents the two last elements */


== Example ==
[style.css]
  tr:nth-last-child(2n){
    background-color: yellow;
  }


[index.html]
<pre>
<body>
  <table>
    <tr><td>This is first row.</td></tr>
    <tr><td>This is second row.</td></tr>
    <tr><td>This is third row.</td></tr>
    <tr><td>This is fourth row.</td></tr>
  </table>
</body>
</pre>

[[File:Css3_selectors_nth-last-child.png‎]]

The CSS Selectors Level 3 specification defines the :nth-last-child() pseudo-class selector in [http://www.w3.org/TR/css3-selectors/#nth-last-child-pseudo 6.6.5.3. :nth-last-child() pseudo-class].