Desafío: Aplicar Pseudoclases de Acción del Usuario
Tarea
Tenemos un sitio web de la empresa con información de contacto en la sección del encabezado. Su tarea es implementar un cambio de color cuando un usuario pase el cursor sobre los enlaces en la sección del encabezado.
Pasos:
- Seleccionar todos los elementos
acon la claseheader-link. - Utilizar la pseudo-clase apropiada para el efecto al pasar el cursor.
- Aplicar la propiedad
colorcon el valorbluecuando los enlaces estén en estado hover.
index.html
index.css
- Utilizar
.y el nombre de la clase para seleccionar un elemento por su nombre de clase. - Utilizar la pseudo-clase
:hoverpara reaccionar al pasar el cursor del ratón.
index.html
index.css
¿Todo estuvo claro?
¡Gracias por tus comentarios!
Sección 1. Capítulo 7
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla
Awesome!
Completion rate improved to 2.56
Desafío: Aplicar Pseudoclases de Acción del Usuario
Desliza para mostrar el menú
Tarea
Tenemos un sitio web de la empresa con información de contacto en la sección del encabezado. Su tarea es implementar un cambio de color cuando un usuario pase el cursor sobre los enlaces en la sección del encabezado.
Pasos:
- Seleccionar todos los elementos
acon la claseheader-link. - Utilizar la pseudo-clase apropiada para el efecto al pasar el cursor.
- Aplicar la propiedad
colorcon el valorbluecuando los enlaces estén en estado hover.
index.html
index.css
- Utilizar
.y el nombre de la clase para seleccionar un elemento por su nombre de clase. - Utilizar la pseudo-clase
:hoverpara reaccionar al pasar el cursor del ratón.
index.html
index.css
¿Todo estuvo claro?
¡Gracias por tus comentarios!
Sección 1. Capítulo 7