Apply CSS :not() and :hover in LESS : I have some elements with a specific class (let's call `.option`), and some of them has an other class in addition (let's call `.selected`). I would like to apply some `:hover` style definition on `.option` elements, but only the ones that has no `.selected` class.

I already figured out that I have to use the `:not()` and `:hover` pseudo selectors, but none of their combinations resulted in something that I wanted. 

And in addition I have to word this all in LESS. I'm not very versed in LESS and CSS.

    <!-- I'd like to apply :hover only on those options that are not selected -->
    <div class="option">
       option 1
    </div>
    <div class="option selected">
       option 2
    </div> 
    <div class="option">
       option 3
    </div>
    <div class="option">
       option 4
    </div>