-
Los pseudo-selectores incluyen pseudo-selectores de clase y pseudo-selectores de objetos.
-
Los pseudo-selectores pueden unir elementos u objetos en función de sus características, estados y comportamientos.
-
El pseudo selector utiliza dos puntos (:) como identificador de prefijo.
-
Se puede agregar un selector calificado antes de los dos puntos para limitar el ámbito de aplicación de la pseudoclase, que es el nombre de la pseudoclase y el pseudoobjeto, y no hay espacios antes y después de los dos puntos.
-
Se usa para agregar efectos especiales a ciertos selectores. Por ejemplo, para agregar efectos especiales a los enlaces, por ejemplo, puede seleccionar el primer y el enésimo elemento.
Enlace pseudo-clase
| Pseudo-clase | Efecto |
|---|---|
| un enlace | Enlace no visitado |
| a: visitado | Enlaces visitados |
| a: desplazarse | Pase el mouse sobre el enlace |
| a: activo | Enlace seleccionado |
Pseudo-clase estructural
La pseudoclase de estructura es hacer coincidir elementos específicos de acuerdo con la relación mutua de la estructura del documento, reduciendo así la configuración desordenada del atributo de clase y el atributo ID del elemento del documento, haciendo que el documento sea más conciso.
- : fist-child: el primer elemento hijo.
- : last-child: El último elemento hijo.
- : nth-child (): unir elementos secundarios específicos en orden positivo.
- : nth-last-child (): hace coincidir elementos secundarios específicos en orden inverso.
- : nth-of-type (): hace coincidir elementos secundarios específicos en el mismo tipo.
- : nth-last-of-type (): hace coincidir subelementos específicos en el mismo tipo en orden inverso.
- : first-of-type: el primer subelemento del mismo tipo.
- : last-of-type: el último subelemento del mismo tipo.
- : only-child: El único elemento hijo.
- : only-of-type: el único elemento hijo del mismo tipo.
- : vacío: elemento vacío.
Más
