Css 引导3按钮组突出显示第n个子项

我试图突出显示Bootstrap3按钮组中的第一个单选按钮，以显示与其他CSS按钮不同的背景颜色。我可以通过事件中的Jquery来实现这一点，但如果能够实现这一点就太好了。所以我在bootply上试了一下，但没有成功

.btn-group input[type="radio"]:first-child:checked + label { 
    background-color:#CAFF70 !important;
}
<div class="btn-group" data-toggle="buttons">
  <label class="btn btn-sm btn-default">
    <input type="radio" id="ok_1" name="options_1" value="ok"> <span class="glyphicon glyphicon-ok"></span>
  </label>
  <label class="btn btn-sm btn-default">
    <input type="radio" id="na_1" name="options_1" value="na"><span class="glyphicon glyphicon-eye-close"></span>
  </label>
  <label class="btn btn-sm btn-default">
    <input type="radio" id="no_1" name="options_1" value="repair"> <span class="glyphicon glyphicon-pencil"></span>
  </label>                
</div>

.btn组输入[type=“radio”]：第一个子项：选中+标签{
背景色：#CAFF70！重要；
}

问题在于，在您的代码输入中，有一个标签的子项是错误的。输入和标签必须在同一级别上

<div class="btn-group">

  <input type="radio" id="ok_1" name="options_1" value="ok">
  <label class="btn btn-sm btn-default"><span class="glyphicon glyphicon-ok"></span></label>

  <input type="radio" id="ok_2" name="options_1" value="ok">
  <label class="btn btn-sm btn-default"><span class="glyphicon glyphicon-ok"></span></label> 

  <input type="radio" id="ok_3" name="options_1" value="ok">
  <label class="btn btn-sm btn-default"><span class="glyphicon glyphicon-ok"></span></label>

</div>

---

此外，如果您想设计单选按钮（如您展示的按钮）的样式，您可以阅读此内容。

同意级别是问题所在，但“开箱即用”引导3单选按钮组结构是正确的。所以我的问题是。。。一个CSS选择器是否可以被构建成精确地以某个单选按钮为目标。。。有一个>选择器，但我似乎无法正确选择它。无论如何谢谢不，你不能用你的HTML代码来瞄准它。引导程序3中没有“单选按钮结构”。