title: Change style of all other elements when one element is hovered
body: <p>Let's say I have a bunch of divs at the same DOM level. When I hover over one, I want all the others to change style (ie. reduce opacity or change background), while the one that is hovered stay the same.</p>
  
  <p>I can't use the <code>+</code> or <code>~</code> selectors, because I need it to select all siblings, not just the directly adjacent one or only the following siblings. Basically what I'm looking for is an "all siblings but this one" selector. Does this exist? Is there a way to achieve this <strong>without JavaScript</strong>?</p>