title: Change other list items' CSS when hovering an item
body: <p>How to change the other items' CSS when hovering a list item? I mean, when i hover <code>Item 1</code> i want the <strong>others</strong> to have, lets say, lover opacity to make an highlight effect. I'd prefer pure css but if it's not possible also appreciate jquery. Thanks.</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;Item 1&lt;/li&gt;
      &lt;li&gt;Item 2&lt;/li&gt;
      &lt;li&gt;Item 3&lt;/li&gt;
      &lt;li&gt;Item 4&lt;/li&gt;
      &lt;li&gt;Item 5&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>