title: CSS / CSS3 Hierarchy
body: <p>I have two different tags with different hierarchy but the same settings, is there any way in that case not to double my code? I tried mixing up the declarations but looks like only one of them will actually enjoy the traits..</p>
  
  <pre><code>section#leftSection nav#leftNav ul li a{
      background-color: #336b98;
      color: #EBEBEB;
      font-family: Arial;
      font-size: 12px;
      text-decoration:none;
  }
  
  header#layout2_header nav#headerNav ul li a{
      background-color: #336b98;
      color: #EBEBEB;
      font-family: Arial;
      font-size: 12px;
      text-decoration:none;
  } 
  </code></pre>