Почему в чек боксе не работает команда ~ на другой класс?

Question

[Dmitri1998]

https://jsfiddle.net/L5uqx10r/

Answer 1

[Алексей Уколов]

Родственные селекторы по своему поведению похожи на соседние селекторы (запись вида E + F), но в отличие от них стилевые правила применяются ко всем близлежащим элементам. К примеру, для селектора h1~p стиль будет применяться ко всем элементам , располагающихся после заголовка <h1>. При этом <h1> и <p> должны иметь общего родителя, так что если <p> вставить внутрь <div>, то стили применяться уже не будут.

htmlbook.ru/css/selector/sibling

Соответственно, нужный вам селектор выглядит так: #check:checked ~ .box .stop

Comments

[Dmitri1998]

Спасибо, так пробовал, но не работало из-за того, что я block на block менял )

[Dmitri1998]

А в чем разница, когда мы указываем + или ~?
Как в моем примере
И как эти штуки называются?

[Алексей Уколов]

Ответ на оба ваших вопроса есть в цитате выше.