Use Nested Selectors wisely

gistfile1.css

/* The nav-trail object is clearly separated & namespaced using nested selectors */
.nav-trail  { margin:0; padding:0; background:#ccc; }
.nav-trail  {

  .title    { font-weigth:bold; }
  ul        { margin:0; padding:10px; }
  li,
  a         { dispaly:inline-block; }

}

/* The nav-news object is clearly separated & namespaced using nested selectors */
.nav-news   {

  .title    { font-weigth:bold; }
  ul        { margin:10px; padding:0; }
  li        { display:block; padding:10px; background:#ccc; }
  a         { display:block; background:#ddd; }

}