html - 下一个元素的 CSS 选择器？

Question

想知道我是否遗漏了什么，或者真的不可能为以下 html block 选择下一个 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 选择器显然在这里不起作用。知道如何解决这个问题吗？

基本原理: 通常它可能被认为是“父选择器问题”，但输入和标签元素特定于与 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>