manual de referência CSS

regras CSS (RULES)

大全 de Atributos CSS

CSS3 :last-of-Selector type

:last-of-O pseudo-classe CSS type representa o último elemento de um tipo dado na lista de elementos filhos (do pai). Quando o código é similar a Parent tagName:last-of-O efeito do type inclui o último elemento selecionado entre todos os filhos do pai, incluindo os filhos dos elementos e assim por diante.

Manual completo de seletores CSS

Exemplo online

Especificar a cor de fundo do último elemento p do pai:

Exemplo

!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">　
<title>Manual básico (oldtoolbag.com)</title>　
<style>　
p　em:last-of-type　{
　　color: verde;
}
</<style>
</<head>
<body>
<p>
　　<em>Eu não tenho cor :-(</em><br>
　　<strong>Eu não tenho cor :-(</strong><br>
　　<em>Eu tenho cor :D</em><br>
　　<strong>Eu não tenho cor :-(</strong><br>
</p>
<p>
　　<em>Eu não tenho cor :-(</em><br>
　　<span><em>Eu tenho cor !</em></span><br>
　　<strong>Eu não tenho cor :-(</strong><br>
　　<em>Eu tenho cor :D</em><br>
　　<span>
　　　　<em>Estou no elemento filho, mas não tenho cor !</em><br>
　　　　<span style="text-decoration:line-through;"> Eu não tenho cor </span><br>
　　　　<em>Eu tenho cor !</em><br>
　　</span><br>
　　<strong>Eu não tenho cor :-(</strong>
</p>
</body>
</html>

Teste e veja ‹/›

Definição e uso

element:last-of-type　{　style　properties　}

:last-of-O selector type coincide com o elemento cujo pai é o último filho de um tipo específico.

Aviso: e :nth-last-of-type(1) tem o mesmo significado.

Compatibilidade do navegador

Os números na tabela representam a primeira versão do navegador que suporta essa propriedade.

Selector
:last-of-type	4.0	9.0	3.5	3.2	9.6

Manual completo de seletores CSS

Funções CSS Seletor Completo CSS