title: CSS - set input background by another div class
body: <p>I have this simple form:</p>
  
  <pre><code> &lt;div class="form-group"&gt;
    &lt;label&gt;Date:&lt;/label&gt;
    &lt;div class="input-group date"&gt;
      &lt;div class="input-group-addon"&gt;
        &lt;i class="fa fa-calendar"&gt;&lt;/i&gt;
      &lt;/div&gt;
      &lt;input type="text" class="form-control"&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="form-group"&gt;
      &lt;label for="name"&gt;Name&lt;/label&gt;
      &lt;input type="text" id="name" class="form-control"&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>I need set background color when <code>form-group</code> has <code>input-group-addon</code>. in this example: first input has background color and last not.</p>
  
  <p>This is my css:</p>
  
  <pre><code>.form-group:has(.input-group-addon) &gt; input{
        background: yellow;
    }
  </code></pre>
  
  <p>Where is my problem?</p>