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
¡Gracias por tus comentarios!
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla
Can you show me how to write the CSS selector for the hover effect?
What does the final CSS code look like for this task?
Can you explain how the :hover pseudo-class works in this context?
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
¡Gracias por tus comentarios!