父元素下一个元素的CSS选择器

Question

我对输入，标签和div有一些简单的CSS规则。例如：

<div>
  <input type="text" id="lastName" required="required">
  <label for="lastName">Last Name</label>
  <div class="bar"></div>
</div>

<style>
  input:focus ~ label { /* rules goes here */ }
</style>

它正在工作，但是当元素组成不同时，我有一个特殊情况：

<div>
  <div class="autocomplete-wrapper">
    <input type="text" id="pin">
    <div class="autocomplete-list" style="display: none;">
      <ul></ul>
    </div>
  </div>
  <div class="spinner" style="display: none;"></div>
  <label for="pin">PIN</label>
  <div class="bar"></div>
</div>

如您所见，我的输入由特殊div包裹，所以我不能使用~选择器，因为#pin输入不再是我的标签的兄弟。是否有机会在纯CSS中将样式应用于label上的pin:focus？