Chrome (27.0.1453.116) と IE (10.0.9200.16618 と 10.0.6 への更新) の両方が、記載されている順序で CSS ルールのブロックに悩まされているようです。
次の CSS ルールが与えられると、最初のルールのみが適用されます。順序を入れ替えると、レンダリングが切り替わります。同様に、!importantも後のルールを強制的に適用しますが、最初のルールは適用されません。
input[type="radio"]:checked + label>div { background-color: #00A; };
input[type="radio"]:checked + label>span { color: #A00; };
JSFiddle の MWE は次のとおりです: http://jsfiddle.net/jzBRR/
フィードバック/提案 (特に最もよく知られている方法に関するもの) または別の CSS+HTML のみの同等のソリューション。