Esta tradução está incompleta. Por favor, ajude a traduzir este artigo.
Sumário
A 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 |