Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Desafío: Aplicar Pseudoclases de Acción del Usuario | Introducción a CSS
Fundamentos de CSS

bookDesafí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:

  1. Seleccionar todos los elementos a con la clase header-link.
  2. Utilizar la pseudo-clase apropiada para el efecto al pasar el cursor.
  3. Aplicar la propiedad color con el valor blue cuando los enlaces estén en estado hover.
index.html

index.html

index.css

index.css

copy
  • Utilizar . y el nombre de la clase para seleccionar un elemento por su nombre de clase.
  • Utilizar la pseudo-clase :hover para reaccionar al pasar el cursor del ratón.
index.html

index.html

index.css

index.css

copy

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 1. Capítulo 7

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Suggested prompts:

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

bookDesafí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:

  1. Seleccionar todos los elementos a con la clase header-link.
  2. Utilizar la pseudo-clase apropiada para el efecto al pasar el cursor.
  3. Aplicar la propiedad color con el valor blue cuando los enlaces estén en estado hover.
index.html

index.html

index.css

index.css

copy
  • Utilizar . y el nombre de la clase para seleccionar un elemento por su nombre de clase.
  • Utilizar la pseudo-clase :hover para reaccionar al pasar el cursor del ratón.
index.html

index.html

index.css

index.css

copy

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 1. Capítulo 7
some-alt