MDN wants to talk to developers like you: https://qsurvey.mozilla.com/s3/8d22564490d8

:last-of-type

Esta tradução está incompleta. Por favor, ajude a traduzir este artigo.

Sumário

CSS pseudo-class :last-of-type representa o último irmão com o nome de elemento dado na lista de filhos de seu elemento pai.

Syntax

element:last-of-type { style properties }

Exemplo

Para selecionar o último elemento em dentro de um elemento <p>, você pode usar o seguinte:

p em:last-of-type {
  color: lime;
}
<p>
  <em>I'm not lime :(</em>
  <strong>I'm not lime :(</strong>
  <em>I'm lime :D</em>
  <strong>I'm also not lime :(</strong>
</p>

<p>
  <em>I'm not lime :(</em>
  <span><em>I am lime!</em></span>
  <strong>I'm not lime :(</strong>
  <em>I'm lime :D</em>
  <span><em>I am also lime!</em> <strike> I'm not lime </strike></span>
  <strong>I'm also not lime :(</strong>
</p>

...irá resultar em:

Especificações

Specification Status Comment
Selectors Level 4
The definition of ':last-of-type' in that specification.
Working Draft No change
Selectors Level 3
The definition of ':last-of-type' in that specification.
Recommendation Initial definition

Compatibilidade de Browser

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 1.0 3.5 (1.9.1) 9.0 9.5 3.2
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support 2.1 1.0 (1.9.1) 9.0 10.0 3.2

See also

Etiquetas do documento e colaboradores

 Colaboradores desta página: mnoronhas
 Última atualização por: mnoronhas,