Desafio: Aplicar Pseudo-Classes de Ação do Usuário
Tarefa
Temos um site corporativo com informações de contato na seção do cabeçalho. O objetivo é implementar uma alteração de cor quando o usuário passar o mouse sobre os links na seção do cabeçalho.
Etapas:
- Selecionar todos os elementos
acom a classeheader-link. - Utilizar a pseudo-classe apropriada para o efeito de hover.
- Aplicar a propriedade
colorcom o valorbluequando os links estiverem com o mouse sobre eles.
index.html
index.css
- Utilizar o
.e o nome da classe para selecionar um elemento pelo nome da classe. - Utilizar a pseudo-classe
:hoverpara reagir ao passar do cursor do mouse.
index.html
index.css
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
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
Desafio: Aplicar Pseudo-Classes de Ação do Usuário
Deslize para mostrar o menu
Tarefa
Temos um site corporativo com informações de contato na seção do cabeçalho. O objetivo é implementar uma alteração de cor quando o usuário passar o mouse sobre os links na seção do cabeçalho.
Etapas:
- Selecionar todos os elementos
acom a classeheader-link. - Utilizar a pseudo-classe apropriada para o efeito de hover.
- Aplicar a propriedade
colorcom o valorbluequando os links estiverem com o mouse sobre eles.
index.html
index.css
- Utilizar o
.e o nome da classe para selecionar um elemento pelo nome da classe. - Utilizar a pseudo-classe
:hoverpara reagir ao passar do cursor do mouse.
index.html
index.css
Obrigado pelo seu feedback!