title: How to refer to third level lists in css?
body: <p>I've currently implemented this plugin:
  <a href="http://osvaldas.info/drop-down-navigation-responsive-and-touch-friendly" rel="nofollow">http://osvaldas.info/drop-down-navigation-responsive-and-touch-friendly</a></p>
  
  <p>I'd like to implement styling to third level lists and this only goes up to second level.</p>
  
  <p>Issue is I'm a bit of a CSS newbie when it comes to this kind of thing and really am confused as to how I can refer to the third level &amp; style it to also act like the second level does.</p>
  
  <p>Any help would be greatly appreciated.</p>
  
  <p>Thanks</p>
  
  <p>EDIT: There is a link to the jsfiddle in the comments beneath this post. I'm wondering how I can do it so that the blue third level only display when the second level is hovered over?</p>
  
  <p>EDIT: Fixed the issue.</p>