Estoy probando las etiquetas de CSS3
y la etiqueta :last-child
me funciona solo en parte de mi código:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="description" content="Pagina de curso html 5" />
<title>Nuevas reglas CSS3</title>
<style>
p:last-child {
color: red;
}
</style>
</head>
<body>
<p>Hola</p>
<p>Adios</p>
<p>Febrero</p>
<ol>
<li>Manzana</li>
<li>Limon</li>
<li>
<p>Pera</p>
<p>Melon</p>
<p>Naranja</p>
</li>
</ol>
<p><br>Abril</p>
</body>
</html>
Aquí el ultimo hijo p
de la lista ordenada si se pone en rojo pero el hijo p
del body
no, no se por que. He probado quitando la ol
y sigue sin funcionar.
Ayuda! Gracias.
last-of-type
pero tambien te seleccionaria naranja uwu