Цель двух братьев и сестер ввода: проверено

Question

Я пытаюсь стиль двух братьев и сестер - пролетом и DIV - ввода: проверено, как это ...

input:checked + span {styles} 

input:checked + div {styles} 

Не работает ... Что я Я пропустил?

Answer 1

Ваша структура DOM является проблемой. <span> и <div>, вероятно, не являются сестрами для входа, но css в порядке. Вот пример того, как родственный входов работы:

<input type="radio" name="group1" checked/> 
<span>span</span> 
<input type="radio" name="group1" /> 
<div>div</div> 

И CSS:

input:checked + span {color:red;} 

input:checked + div {color:red;} 

А вот JSFiddle: https://jsfiddle.net/marszurgot/yawksjvj/