title: Set parent link active if child or grandchild link is active using CSS
body: <p>I have a HTML/CSS menu with this CSS for the active links:</p>
  
  <pre><code>.navigation ul li a:hover, .navigation .active-nav {
      background-color: #F36F25; /*#373737;*/
      text-shadow: none;
      color: #f7f7f7 !important;
      -webkit-box-shadow: 0 3px 0 #ff8833;
      box-shadow: 0 3px 0 #ff8833;
  }
  </code></pre>
  
  <p>Fiddle: <a href="http://jsfiddle.net/kyvbzssd/">http://jsfiddle.net/kyvbzssd/</a></p>
  
  <p>How can I set the top parent link as active if any of its child or its child's child links have an active class?</p>