Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Challenge: User Action Pseudo-Classes | Introduction to CSS
CSS Fundamentals
course content

Contenido del Curso

CSS Fundamentals

CSS Fundamentals

1. Introduction to CSS
2. Text Styles
3. Box Model and Element Spacing
4. Flexbox
5. Decorative Effects

bookChallenge: User Action Pseudo-Classes

Task

We have a company website with contact information in the header section. Your task is to implement a color change when a user hovers over the links in the header section.

Steps:

  1. Select all a elements with the header-link class.
  2. Use the appropriate pseudo-class for the hover effect.
  3. Apply the color property with the value blue when the links are hovered.
html

index

css

index

js

index

copy
  • Use the . and the class name to select an element by its class name.
  • Use the :hover pseudo-class to react on mouse cursor hover.
html

index

css

index

js

index

copy

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

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