title: Sass parent selector and hover?
body: <p>Is it possible to trigger a parent's class when on hover? 
  I know it can be done with jquery but I want to do a pure css solution.</p>
  
  <p>My code:</p>
  
  <pre><code>.navbar-form{
      padding-left: 55px;
      .input-group{
          width: 200px;
          .form-control{
              border-right: none;
              width: 350px;
               &amp;:hover &amp; {
                  border-color: blue;
              }
          }
          .input-group-addon{
              background-color: white;
              border-left: none;
          }
      }
  }
  </code></pre>
  
  <p>FIDDLE: <a href="http://jsfiddle.net/fcKyc/" rel="noreferrer">http://jsfiddle.net/fcKyc/</a></p>
  
  <p>Looking to have that when I focus on the <code>input</code>, <code>.input-group-addon</code> would do something. <code>input</code> and the icon are children of the input-group.</p>