title: how to blur all list-items text except for (this) a:hover
body: <p>I'm trying to make it so when you hover over a list item the current li pops out  and all other list items fade out or blur out slightly.  I would prefer all css, would anyone know how to select all the other li's except for current selected in css? </p>
  
  <p><strong>UPDATE</strong><br>
  I dont believe this is possible to do in css therefore i'm trying to select it in jquery.</p>
  
  <p>Heres the updated code with my not working jquery script 
  <a href="http://jsfiddle.net/xKEHe/42/" rel="nofollow noreferrer">http://jsfiddle.net/xKEHe/42/</a></p>
  
  <p>reference <a href="https://stackoverflow.com/questions/1328314/hide-all-but-this-via-not-in-jquery-selector">Hide all but $(this) via :not in jQuery selector</a></p>