Pseudo-clase :hover
Hover es una pseudo-clase que permite editar una (etiqueta, clase, id) justo cuando se pase el mouse por encima de ella, ademas de ello es utilizada mayormente en el nav.
Primer ejemplo de pseudo-clase con hover.
Caja Hover 1
Este es otro ejemplo de pseudo-clase con boton usando hover.
Pseudo-clase :link
La pseudo-clase link nos permite modificar el link que todavia no hemos visitado (ya que al momento de visitar un link cambia de color y eso se modifica con la pseudo-clase visited).
Ejemplo de link sin clase y sub clase
link sin clase y pseudo-claseEjemplo de pseudo-clase :link
Los links que estan mal escritos utilizan la pseudo-clase link
ir a youtubePseudo-clase :visited
Esta pseudo-clase permite modificar un link como cambiarle el color cuando es visitado
Por ejemplo los links violetas estan visitados y el link rojo aun no.
Link sin pseudo-clase visitedlink con pseudo-clase visited
Pseudo-clase :active
La pseudo-clase active sirve para que al momento de oprimir el objeto haga la accion que queramos
y al desoprimirlo vuelve a quedar como estaba. Ejemplo en este caso queremos que cambie de color.
Pseudo-clase :focus
La pseudo-clase focus se utiliza mas que todo en los imput para que al momento de ingresar un texto cambie de comportamiento la caja
Pseudo-clase :lang
Vamos a crear una caja y luego una etiqueta "b" que este dentro de ella, le vamos a aplicar la pseudo-clase lang
y dentro de parentesis colocamos las iniciales del idioma para poderla modificar como queramos
en este caso el texto en español es rojo y el texto en ingles es amarillo