Instruções
Passo 47
Para fazer com que os botões de navegação se pareçam mais com botões típicos, remova o sublinhado das tags de âncora.
Em seguida, crie um novo seletor direcionado aos elementos da lista de navegação, para que quando o cursor passe por cima deles, a cor de fundo e a cor do texto sejam alternados, e o cursor se torne um ponteiro.
O que fazer:
Testes:
- Você deve usar o seletor existente `li > a` para definir o `text-decoration` como `none`.
- Você deve usar o seletor `nav > ul > li:hover` ou `nav li:hover` para estilizar os elementos ao passar o mouse.
- Você deve dar aos elementos `li` um `background-color` de `#dfdfe2` quando o ponteiro do mouse estiver em cima deles.
- Você deve dar aos elementos `li` uma `color` com o valor de `#1b1b32` quando o ponteiro do mouse estiver em cima deles.
- Você deve dar aos elementos f`li` um `cursor` do tipo `pointer` quando o ponteiro do mouse estiver em cima deles.
Preview