"Si un trabajador quiere hacer bien su trabajo, primero debe afilar sus herramientas." - Confucio, "Las Analectas de Confucio. Lu Linggong"
Página delantera > Programación > ¿Por qué `p.visible:last-of-type` no apunta al último elemento de párrafo visible?

¿Por qué `p.visible:last-of-type` no apunta al último elemento de párrafo visible?

Publicado el 2024-11-16
Navegar:893

Why Doesn\'t `p.visible:last-of-type` Target the Last Visible Paragraph Element?

: comportamiento del selector del último tipo

La pseudoclase: último de tipo apunta al último elemento de un tipo específico dentro de un contenedor principal. Sin embargo, en el contexto de su selector CSS (p.visible:last-of-type), es importante tener en cuenta que :last-of-type únicamente se aplica a tipos de elementos y no a instancias de clases.

En su Marcado HTML:

This should be hidden

This should be displayed

This should be hidden

El problema surge porque :last-of-type apunta al último elemento

, que en este caso no tiene la clase .visible. En consecuencia, ninguno de sus elementos

es visible.

Solución

Para apuntar al último elemento

con la clase .visible, debe usar JavaScript. ya que no existe un selector de CSS integrado para este propósito específico.

Último tutorial Más>

Descargo de responsabilidad: Todos los recursos proporcionados provienen en parte de Internet. Si existe alguna infracción de sus derechos de autor u otros derechos e intereses, explique los motivos detallados y proporcione pruebas de los derechos de autor o derechos e intereses y luego envíelos al correo electrónico: [email protected]. Lo manejaremos por usted lo antes posible.

Copyright© 2022 湘ICP备2022001581号-3