Pseudo clase CSS :last-of-type

Fecha: julio 23, 2019 a las 11:34 am

Autor: ortizsanchezdev

Categorías: CSS | RECURSOS Etiquetas: |

Captura de pantalla de la web de Mozilla, Pseudo-classes escrito en negrita

Diseñando una pequeña práctica me encontré con el problema de tener un menú de navegación en el que los enlaces de navegación, insertados dentro de una lista ordenada , tenían un margin-right: 2rem.

El problema venía en que el último enlace, el que pegaba a la derecha, quedaba muy poco estético con tanta separación. Una solución chapucera, en su momento no me lo pareció, fue agregarle otra clase que reemplazase ese margin-right.

Ayer descubrí que existe una pseudo-clase en CSS3 llamada :last-of-type que me hubiese solucionado el problema de forma más eficiente y correcta. Su funcionamiento:

Os dejo un enlace con más información al respecto:

Documentación Mozilla – Pseudo-classes

Comentarios: 0


Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *


PUBLICACIONES


septiembre 2020
L M X J V S D
 123456
78910111213
14151617181920
21222324252627
282930