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 un comentario

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


PUBLICACIONES


noviembre 2019
L M X J V S D
« Oct    
 123
45678910
11121314151617
18192021222324
252627282930