Html 如何将样式添加到活动输入'；s以前的兄弟姐妹仅使用CSS

例如，如果我有很多这样的东西：

<div class="form-group">
  <div class="col-xs-2"><label for="USER_FORM___unique_id" class="control-label">Employee ID</label>  </div>  
  <div class="col-xs-5"><input disabled="disabled" type="text" class="form-control" id="USER_FORM___unique_id__orig" value="20141100497">  </div>  
  <div class="col-xs-5"><input type="text" class="form-control" id="USER_FORM___unique_id" value="20141100497">  </div> 
</div>
<div class="form-group">
  <div class="col-xs-2"><label for="USER_FORM___name" class="control-label">Name</label>  </div>  
  <div class="col-xs-5"><input disabled="disabled" type="text" class="form-control" id="USER_FORM___name__orig" value="20141100497">  </div>  
  <div class="col-xs-5"><input type="text" class="form-control" id="USER_FORM___name" value="Me me me me">  </div> 
</div>
<!-- and so on -->

---

[这是一个黑客，但它是有效的]

如果可以更改标记，则可以在

输入.form控件之后添加
div
，并将父样式模拟为该
div
，而不是父
div.form-group
。例如：


。表单组{
位置：相对位置；
边框：1px纯蓝色；
显示：内联块；
填充：20px；
}
.表单控件：焦点+div{
位置：绝对位置；
排名：0；
底部：0；
左：0；
右：0；
边框：1px纯红；
}

名称
是否可以仅使用CSS来执行此操作？-不，CSS没有父/上一个选择器。我正要说同样的话，这不是一个坏问题，但是网站上有很多这样的选择器。很惊讶你在写这个问题之前没有找到答案。很遗憾，我们不能在2015年做到这一点。。。
function highlight(el) {
  el = $(el);
  var focused = el.is(":focus");
  var style1 = focused ? '1px solid blue' : '';
  $(el).parent().css('border',style1); // 1
  var style2 = focused ? 'underline' : '';
  $(el).prev().prev().css('text-decoration',style2); // 2
}