ターゲット入力の2人の兄弟：私はスタイルに2人の兄弟しようとしている

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/