Не очень понимаю логику переключателя. Мы сделали обычный лейбл и чекбокс + псевдоклассы, в выделенном состоянии (сам чекбокс скрыт, поэтому кликаем на лейбл). элементы, псевдоклассы, при помощи “трансформ”, переключаются (без какой либо семантики, чисто механически). Это понятно. Но как происходит обратное, при клике на псевдокласс выделяется сам родной, скрытый чекбокс, как это происходит, если ,еще раз, лейбл и псевдоэлементы семантически никак не связаны. Или все же связаны?.. Надеюсь доступно спросил.
Конечно связаны. Тег label через for="[id]" привязывается к конкретному input, имеющему этот id.