css - 使用css选中单选按钮时将背景颜色添加到div

Question

我有一个单选按钮，我需要在选中单选按钮时向其父 div 添加样式。这我只需要用 css 来做。在下面的 html 中，如果选中了 radio ，我需要将颜色应用于 div“选项”

HTML

<div class="options"> 
<span class="option_radio">
        <input type="radio" name="payMethod" id="payMethod1" value="aaa" >
</span>
<span class="option_image">
    <label for="payMethod1">
        <img src="abc.png" >
    </label>
</span>
</div>

我尝试了以下方法，但它没有正确出现

.options input[type="radio"]:checked span{
background-color:black;
}

.options input[type="radio"]:checked div.options{
background-color:black;
}

谁能帮我解决这个问题

Answer 1

抱歉，目前还不能。你只能下树，不能上树。您需要将要设置样式的元素设置为单选按钮的同级元素或后代元素。祖先选择器尚不存在:

http://css-tricks.com/parent-selectors-in-css/