小编May*_*abi的帖子

<input type="checkbox" id="c1">
<label for="c1">c1</label>
<div>
    <span></span>
    <span></span>
</div>

我想在选中复选框时设置样式范围.我试过下面的风格,但它不起作用.

input:checked ~ div span{
    background: red;
}

input:checked~div span {
  background: red;
}

<input type="checkbox" id="c1">
<label for="c1">c1</label>
<div>
  <span></span>
  <span></span>
</div>