html - 1 つの入力フィールドに異なるスタイルの 2 つのラベル

Question

1 つの入力フィールドに異なるスタイルの 2 つのラベルが必要です。

何らかの理由で、このコードは機能しません。最初のラベルでは完全に機能し、2 番目のラベルでは部分的にしか機能しません。

このコードは機能します

input.switcher[type=checkbox] + label + label

しかし、これはそうではありません（オンとオフをチェックしても2番目のラベルの色は変わりません）

input.switcher[type=checkbox]:checked + label + label

この問題を解決する方法についてアドバイスをいただければ幸いです。

http://jsfiddle.net/dantetemp/tLPkk/

Answer 1

奇妙なことに、隣接する兄弟コンビネーターを一般的な兄弟コンビネーターに変更すると、~2番目に機能するように見えます（Chrome 28-コメントで判断するのに問題があると思います）<label>-eg

input.switcher[type=checkbox]:checked + label ~ label {
    color: green;
    font-size: 70px;
}

http://jsfiddle.net/tLPkk/1/