Почему не работает псевдокласс checked в css?

Question

[StepanSnigur]

Вот ссылка на проект в codepen: https://codepen.io/StepanSnigur/pen/oVQeZP
В нем не работает псевдокласс :checked, можете пожалуйста показать на мою ошибку? Уже час сижу, не могу увидеть ошибку. Суть в том, что при нажатии на кнопку будет открываться меню.
В css строки 81 - 86, в html инпуты на строках 17 и 51.
Заранее спасибо за помощь.

Answer 1

[Валентин]

.history-checker:checked ~ .history-block
.history-checker и .history-block имеют разных родителей, возможно я не прав, с моб смотрел

Комбинатор'~' выбирает элементы, которые находятся после указанного элемента, если у них общий родитель.
Синтаксис: A ~ B
Пример: p ~ span выберет все элементы , которые находятся после элемента внутри одного родителя

Comments

[StepanSnigur]

спасибо