Css 目标输入的两个同级：选中

我正在尝试为两个兄弟姐妹——一个span和一个div——输入设置样式：像这样检查

input:checked + span {styles}

input:checked + div {styles}

---

不工作。。。我错过了什么

您的DOM结构就是问题所在<代码>和

可能不是输入的同级，但css可以。以下是输入同级如何工作的示例：

<input type="radio" name="group1" checked/>
<span>span</span>
<input type="radio" name="group1" />
<div>div</div>

下面是JSFIDLE：

---

他们真的是DOM中的兄弟姐妹吗？请发布HTML，问题是……明白了。我用“+”表示相邻的兄弟姐妹，用“~”表示不相邻的兄弟姐妹。谢谢

input:checked + span {color:red;}

input:checked + div {color:red;}