Почему не работает чекбокс на скрытие?

Question

[GoodPirojok]

Подскажите, почему при нажатии на чекбокс, он не прячет элемент?

<div class="check-box">
    <label>Текст</label>
    <input type="checkbox" class="form-text">
</div>


<div class="box">
    <label>Название</label>
    <input type="text" id="form-text" name="text">
</div>

.form-text:checked ~ #form-text { display: none;}

Comments

[Сергей delphinpro]

Эти два элемента не являются потомками одного родителя.

Answer 1

[Ankhena]

Потому что на одном уровне с .form-text нет тега с id form-text

Вам нужно вынуть первый инпут из div. А потом написать

.form-text:checked ~ .box #form-text { display: none;}