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.

My code:

```
.navbar-form{
    padding-left: 55px;
    .input-group{
        width: 200px;
        .form-control{
            border-right: none;
            width: 350px;
             &:hover & {
                border-color: blue;
            }
        }
        .input-group-addon{
            background-color: white;
            border-left: none;
        }
    }
}

```

FIDDLE: <http://jsfiddle.net/fcKyc/>

Looking to have that when I focus on the `input`, `.input-group-addon` would do something. `input` and the icon are children of the input-group.