MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

:nth-last-child

This translation is incomplete. Please help translate this article from English.

Sumari

La pseudo-class CSS :nth-last-child(an+b) coincideix amb un element que té an+b-1 germans darrere d'ell en l'arbre del document, per a un determinat valor positiu o zero de n, i té un element pare.

En efecte, funciona igual que : nth-child excepte que selecciona els elements comptant cap enrere des del final de la sèrie d'elements, no l'inici.

Veure :nth-child per a una descripció més detallada de la sintaxi del seu argument.

Sintaxi

:nth-last-child( <an-plus-b> [ of <selector># ]? ) { style properties }

where
<an-plus-b> = An+B | even | odd

Exemples

Exemple de selectors

tr:nth-last-child(-n+4)
Coincideix amb les últimes quatre files d'una taula HTML.
span:nth-last-child(even)
Coincideix amb els elements fins i tot el del seu element pare, comencen en l'últim element i anant cap a enrere.

Ùs

Aquest CSS ...

table {
  border: 1px solid blue;
}
tr:nth-last-child(-n+3) { /* the last 3 siblings */
  background-color: lime;
}

... amb aquest HTML ...

<table>
  <tbody>
    <tr>
      <td>First line</td>
    </tr>
    <tr>
       <td>Second line</td>
    </tr>
    <tr>
       <td>Third line</td>
    </tr>
    <tr>
       <td>Fourth line</td>
    </tr>
    <tr>
       <td>Fifth line</td>
    </tr>
  </tbody>
</table>

... dona com a resultat:

Especificacions

Especificació Estat Comentari
Selectors Level 4
The definition of ':nth-last-child' in that specification.
Working Draft Sense canvis.
Selectors Level 3
The definition of ':nth-last-child' in that specification.
Recommendation Definició inicial.

Característica Chrome Firefox (Gecko) Internet Explorer Opera Safari
Suport bàsic 4.0 3.5 (1.9.1) 9.0 9.5 3.2
Característica Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Suport bàsic 2.1 1.0 (1.9.1) 9.0 10.0 3.2

Veure

Document Tags and Contributors

 Contributors to this page: Legioinvicta
 Last updated by: Legioinvicta,