Как подружить input:checked ~ .class-name с position: absolute?

Question

[Artem Dimitrov]

input:checked ~ .class-name работает отлично, но как только .class-name становится абсолютно спозиционированным (position: absolute), работать перестает, как исправить?

p. s. на js и я могу, интересно как это сделать на чистом css

Answer 1

[Сергей delphinpro]

Абсолютное позиционирование тут конечно же ни причем :)
Просто запутались с селекторами.

codepen.io/anon/pen/zBZLVG

Comments

[Artem Dimitrov]

Верно говорите. Как я мог подумать на позиционирование(

Answer 2

[Artem Dimitrov]

codepen.io/artdimitrov/pen/xOqJRv
Решение найдено самостоятельно

Answer 3

[Олег]

Скинул ссылку на кучу нерабочего г..кода)))
Ты это имел ввыиду? https://jsfiddle.net/joomla/4myrL0vd/

Comments

[Artem Dimitrov]

Скинул ссылку чтобы можно было понять о чем. Вы, к сожалению, совсем не поняли