Conteúdo do Curso
CSS Fundamentals
CSS Fundamentals
Challenge: User Action Pseudo-Classes
Task
We have the company website. In the header section of the web page, there is some contact information. The task is to add the color change on hovering the links with the mouse in the header section.
Steps:
- Select all
a
elements with theheader-link
class name. - Set the appropriate pseudo-class.
- Apply the
color
property with theblue
value.
index.html
index.css
index.js
- 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.
index.html
index.css
index.js
Tudo estava claro?
Seção 1. Capítulo 7
Conteúdo do Curso
CSS Fundamentals
CSS Fundamentals
Challenge: User Action Pseudo-Classes
Task
We have the company website. In the header section of the web page, there is some contact information. The task is to add the color change on hovering the links with the mouse in the header section.
Steps:
- Select all
a
elements with theheader-link
class name. - Set the appropriate pseudo-class.
- Apply the
color
property with theblue
value.
index.html
index.css
index.js
- 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.
index.html
index.css
index.js
Tudo estava claro?
Seção 1. Capítulo 7