CSS Cascading HTML5 <header> <nav> elements - How?

Example:

<header>
  <nav>
    <ul>...</ul>
  </nav>
</header开发者_如何学运维>

CSS:

header nav { ... } /* does not work */

Is there any way possible?

---

You might want to use an ordered list for your nav header just for a more semantic page.

---

If that doesn't work (which it should), try this:

header > nav { .. }

Best of luck!