1
resposta

Aplicar :checked selecionando o elemento pelo ... [name="..."]

Eu entendi como o Instrutor resolveu o exercício, mas não entendi o que explico abaixo:

HTML

                    <fieldset>
                        <input type="radio" name="assunto" value="Outro" id="outro">
                        <label for="outro">Outro </label>
                        <input type="text" name="outro-assunto" class="input-outro">
                    </fieldset>

NO CSS Eu consigo fazer o campo de texto desaparecer selecionando ele pelo [name="..."] :

input[name="outro-assunto"]
{
 display: none;
}

Mas não consigo faze-lo reaparecer usando:

input[name="outro-assunto"]:checked
{
 display: inline;
}

Eu entendi tranquilamente como o Instrutor resolveu o exercício, selecionando " input[value="Outro"]:checked ~ input ", mas não entendo pq o checked não funciona quando eu seleciono pelo [name="..."], se esta forma de seleção funciona para outras opções.

Valeu!

1 resposta

Boa tarde, Alex! Como vai?

Funciona pelo name tbm, só que vc está usando o seletor CSS incorreto! O que vc deveria fazer é:

input[name="assunto"]:checked ~ input {
     display: inline;
}

Vê aí se resolve a sua situação! Qualquer coisa é só falar!

Grande abraço e bons estudos!