Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Active não funcionou

Fiz conforme as instruções do video para aplicar alterações na borda com o comando "active", mas mesmo depois de salvar o css e recarregar a página, não aplicou o efeito. Tentei fechar e abrir novamente o arquivo, mas ainda assim não resolveu.

<ul class="produtos">
                <li>
                    <h2>Cabelo</h2>
                    <img src="cabelo.jpg">
                    <p class="produto-descricao">Na tesoura ou na máquina, como o cliente preferir</p>
                    <p class="produto-preco">R$ 25,00</p>
                </li>
.produtos li:active{
    border-color: #088C19;
}
3 respostas

Oi, Ellen, tudo bem?

Para que a propriedade border-color seja adicionada, você precisa especificar o estilo da borda que você quer, tem algumas estilos, como solid, dotted, etc. Então, ficaria assim:

border: solid 1px #088C19;

Para não criar um linha para cada estilo da borda, você pode deixar todos numa mesma linha, como fiz acima: solid - estilo da borda, 1px - largura da borda e #088C19 - cor da borda.

Para saber mais: https://developer.mozilla.org/pt-PT/docs/Web/CSS/border

Se ficou alguma dúvida, é só falar!

Oi Laís! Obrigada pela resposta.

Na aula foi feito exatamente como está aí, sem especificar largura e tipo de borda. Abri o arquivo .html em outro navegador e deu certo. Só não abre no Internet Explorer. Pode ser algum bug do IE mesmo.

solução!

Oi, Ellen!

As vezes o navegador pode não ser atualizado, mas aparentemente no IE 4 a pesudo classe funciona: https://developer.mozilla.org/pt-BR/docs/Web/CSS/:active