选中单选按钮时突出显示html元素w/o js

Question

我想知道是否有一种方法可以在不使用js的情况下选择单选按钮时修改html项(即div).这是标记:

<div class="container">
    <input id="myRadioBtn" class="btn-radio" type="radio" name="name" value="value"/>
    <div class="box">BOX</div>
</div>

一旦选择"myRadioBtn",我希望"box"改变颜色.我知道我可以使用js/jQuery,但如果可能的话,我只想在CSS中使用它.那可能吗？

Answer 1

#myRadioBtn:checked + .box {
    background-color:red;
}

http://jsfiddle.net/tyEys/

我无法检查它是否在IE8中有效.

编辑:您可以用〜替换+以仅选择收音机后立即出现的.box.所以,如果收音机后有2个盒子,第二个盒子不会受到影响.