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 de hover.
index.html
index.css
- Utilizar el
.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 mouse.
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
Genial!
Completion tasa mejorada a 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 de hover.
index.html
index.css
- Utilizar el
.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 mouse.
index.html
index.css
¿Todo estuvo claro?
¡Gracias por tus comentarios!
Sección 1. Capítulo 7