Untitled

<!DOCTYPE html>
<html>
  <head>
    <style type="text/css">
    div.foo:hover+h1
    {
      background:#ff0000;
    }

    div.foobar
    {
      display: none;
    }

    div.bar:hover div.foobar
    {
      display: block;
    }
    </style>
  </head>
  <body>

  <div class="foo">
    Hover me
  </div>

  <h1>And I should turn red</h1>

  <div class="bar">
    hover me as well
    <div class="foobar">
      foobar
    <div/>
  <div/>
  </body>
</html>