下一个元素的CSS选择器？

Question

如果我确实错过了某些内容，或者真的无法为下面的html chunk选择下一个label，那就很好奇：

<div class="col-md-1">
  <input type="radio" name="name" value="alice" id="name-alice">
</div>
<label for="name-alice">Alice</label>
<div class="col-md-1">
  <input type="radio" name="name" value="bob" id="name-bob">
</div>
<label for="name-bob">Bob</label>

我想为选中的输入选择标签，例如

input:checked + label {
    background-color: red;
}

+ CSS选择器显然在这里不起作用。知道如何解决这个问题吗？

基本原理： 通常可以将其视为＆＃34;父选择器问题＆＃34;，但输入＆amp;标签元素具体与for和id属性配对，并且不清楚CSS中是否存在某些对应项。

Answer 1

在div中移动标签：

<div class="col-md-1">
  <input type="radio" name="name" value="bob" id="name-bob">
  <label for="name-bob">Bob</label>
</div>