title: css hover over li, blur all others
body: <pre><code>&lt;ul&gt;
    &lt;li&gt;a&lt;/li&gt;
    &lt;li&gt;b&lt;/li&gt;
    &lt;li&gt;c&lt;/li&gt;
    &lt;li&gt;d&lt;/li&gt;
    &lt;li&gt;e&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Can anyone tell me if it's possible to use css to blur the <code>ul</code> elements containing <code>a</code>,<code>d</code>,<code>e</code> when the user moves their mouse over the element containing <code>c</code>, without using JavaScript?</p>