CSS：更改父项对子项的焦点

假设您有类似的东西：

<div class="parent">
    <input class="childInput" type="text" />
    <div class="sibling"></div>
</div>

我想在孩子获得焦点时更改父母/兄弟姐妹的外观。有没有CSS技巧来做这样的事情？

编辑：

我提出问题的原因如下：

我正在创建一个需要可编辑文本字段的Angular应用程序。在单击之前，它应该看起来像一个标签，此时它应该看起来像一个正常的文本输入。我基于 ：focus 设置了文本字段的样式以达到此效果，但文本被文本输入的边界截断。我还使用ng-show，ng-hide，ng-blur，ng-keypress和ng-click来切换标签和基于模糊，按键和点击的文本输入。除了一件事之外，这工作正常：在标签的ng-click=“setEdit（this，$event）”将ng-show和ng-hide使用的编辑布尔值更改为true之后，它使用jQuery调用.select（）文本输入。但是，直到完成 ng-click 后，所有内容才$digest，因此文本输入再次失去焦点。由于文本输入从未实际获得焦点，因此使用ng-blur恢复为显示标签是错误的：用户必须单击文本输入，然后再次单击它以恢复为显示标签。

编辑：

下面是一个问题的示例：http://plnkr.co/edit/synSIP?p=preview