针对输入的两个兄弟姐妹：检查

Question

我试图设计两个兄弟姐妹 - 一个跨度和一个div - 输入：像这样检查......

input:checked + span {styles}

input:checked + div {styles}

不工作......我错过了什么？

Answer 1

你的DOM结构是个问题。 <span>和<div>可能不是输入的兄弟，但css很好。以下是输入的兄弟如何工作的示例：

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

和css：

input:checked + span {color:red;}

input:checked + div {color:red;}

这是JSFiddle： https://jsfiddle.net/marszurgot/yawksjvj/