» » » Selector :last-child

Selector :last-child

Propiedades y Selectores Css y Html
:last-child

►:last-child Es un selector que especifica un color de fondo para el ultimo elemento de una lista ordenada. 


#contenedor:last-child {
background: #F779EB;
}

Ejemplo:


En css
li:last-child{
background: #F779EB;
}
En html
<body>
<ol>
<li>Lista-tema 1</li>
<li>Lista-tema 2</li>
<li>Lista-tema 3</li>
<li>Lista-tema 4</li>
</ol>
</body>

Resultado

Comienza el texto
  1. Lista-tema 1
  2. Lista-tema 2
  3. Lista-tema 3
  4. Lista-tema 4
Continua el párrafo.



✔Nota: "p:last-child" es igual a "p:nth-last-child"

Selector :last-child
Selector :last-child




Si te gusta la entrada compártela.

¡Gracias!

Publicar un comentario
▬ Antes de comentar recuerda:▬
► No se permite spam.
► No permitimos un vocabulario inapropiado.
► Se se lo más especifico posible.

►Para convertir tu comentario en HTML puedes utilizar algunos códigos:
- Si deseas incluir un enlace utiliza este código:<a href="URL de la Pagina">Titulo del enlace</a>
- Para introducir un código, utilice la etiqueta <i rel="pre"> AQUÍ TU CÓDIGO ... </i>
- Para insertar una imagen, utilice la etiqueta <i rel="image"> SU URL IMAGEN AQUÍ ... </i>
- Para insertar un título, utilice la etiqueta <b rel="h3"> SU TÍTULO AQUÍ ... </b>
- Para insertar una nota, utilice la etiqueta <b rel="quote"> NOTA QUE AQUÍ ... </b>
- Para insertar texto en negrita, utilice la etiqueta <b> SU TEXTO AQUÍ ... </b>
- Para insertar texto en cursiva, utilice esta etiqueta<i> SU TEXTO AQUÍ ... </i>

No olvides suscribirte para recibir las actualizaciones

Back to Top