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
Tudo estava claro?
Obrigado pelo seu feedback!
Seção 1. Capítulo 7
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
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
Tudo estava claro?
Obrigado pelo seu feedback!
Seção 1. Capítulo 7