Manual de referencia CSS

CSS @reglas (RULES)

大全 de Atributos CSS

Funciones CSS (Functions)Manual completo de selectores CSS

CSS3 :last-of-Selector type

:last-of-El pseudo-clase CSS type representa el último elemento de tipo dado en la lista de elementos hijos (del elemento padre). Cuando el código es similar a Parent tagName:last-of-El área de acción de type incluye el último elemento seleccionado entre todos los elementos hijos del padre, incluyendo los últimos elementos hijos de los elementos hijos y así sucesivamente.

Manual de referencia completo de selector CSS

Ejemplo en línea

Especificar el color de fondo del último elemento p del padre:

Ejemplo

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">　
<title>Guía básica(oldtoolbag.com)</<title>　
<style>　
p　em:last-of-type　{
　　color: verde;
}
</<style>
</<head>
<body>
<p>
　　<em>No tengo color　:(_</em><br>
　　<strong>No tengo color　:(_</strong><br>
　　<em>Tengo color　:D_</em><br>
　　<strong>Yo tampoco tengo color　:(</strong><br>
</p>
<p>
　　<em>No tengo color　:(_</em><br>
　　<span><em>Tengo color!_</em></span><br>
　　<strong>No tengo color　:(_</strong><br>
　　<em>Tengo color　:D_</em><br>
　　<span>
　　　　<em>Estoy en el elemento hijo, pero sin color!_</em><br>
　　　　<span　style="text-decoration:line-through;">Yo no tengo color_</span><br>
　　　　<em>¡Tengo color!_</em><br>
　　</span><br>
　　<strong>Yo tampoco tengo color　:(</strong>
</p>
</body>
</html>

Prueba aquí ‹/›

Definición y uso

element:last-of-type　{　style　properties　}

:last-of-El selector type coincide con el elemento cuyos padres son el último elemento de tipo específico.

Consejo: y :nth-last-of-type(1) tiene el mismo significado.

Compatibilidad del navegador

Los números en la tabla representan la versión del primer navegador que admite la propiedad.

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

Manual de referencia completo de selector CSS

Funciones CSS (Functions)Manual completo de selectores CSS