1
resposta

Tentei aplicar a mesma lógica com a tag <option> e não deu certo.

Boa noite a todos,

Neste exercício eu tentei aplicar a lógica do instrutor na tag , usando os seletores desta forma no css:

#texto-outro{
  display: none;
}
option[value="valor3"]:checked~input{
  display: inline;
}

Mas a linha de input não aparece quando a option "outro" é selecionada. Por quê?

Outra dúvida que tenho é que com os arquivos como estão a página já abre com a caixa de email com sombra vermelha. Alguém sabe como impedir isso?

O restante do código está aqui: https://github.com/Marileal/htmlCssAula10

Obrigada.

1 resposta

Bom dia,

o seu seletor parece incorreto

input[value="valor3"]~input {
    display: none;
}

aqui deixamos oculto qualquer input que seja precedido pelo input com o value = valor3 .

input[value="valor3"]:checked~input {
    display: inline;
}

e aqui deixamos visivel novamente quando o input com value = valor3 for selecionado.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software