淘宝CSS实例：菜单导航详解与样式设置

/* 第一部分、静态背景颜色 */  
/* 1、首页/店铺动态/其它导航类目的背景色，这里设为红色 */ .skin-box-bd .menu-list .link{background:red;}  
/* 2、所有分类的背景色（最左边的），一样设为红色 */ .all-cats .link{background:red;}  

/* 到这里，发觉右边的颜色还没有变呢，好的，接着下一步 */ 
/* 3、导航条整个分类段背景色，还是要设为红色，整体布局好看些 */ .skin-box-bd .menu-list{background:red;} 

/* 注意观察，最右边还有一丝地方没有变 */  
/* 4、导航条背景色（是最底层了吧），修补导航右侧缺口，再设为红色 */ .skin-box-bd{background:red;}  
/* 小结：有点成功感了！换换其它颜色试试看吧 */ /* 背景色最好搭配页头背景图，才能整体大气美观 */    


/* 第二部分、分隔线、静态文字的颜色 */  
/* 5、首页等分类的右边的分隔线颜色，设为白色 */ .menu-list .menu{border-color:white;}  
/* 6、所有分类的右边的分隔线颜色，设为白色 */ .all-cats .link{border-color:white;}  
/* 7、首页/店铺动态/其它导航类目的文字颜色 */ .menu-list .menu .title{color:yellow;} 
/* 8、所有分类的文字颜色（最左边那个）,*/ .all-cats .link .title{color:yellow;}  
/* 小结：其实原来默认文字的颜色也挺好的 */    




/* 第三部分、分类下的颜色 */ 
/* 9、二级分类的背景色，设为灰色 */ .popup-content{background:gray;} 
/* 10、三级分类的背景色，我设为深灰色 */  .popup-content .cats-tree .snd-pop-inner{background:#504f4f;} 
/* 11、二级分类的文字颜色，设为黄色 */ .popup-content .cat-name{color:yellow;}  
/* 12、三级分类的文字颜色。（如果后面要鼠标滑过变色<21.22>，这句要写） */ .popup-content .cats-tree .snd-pop-inner .cat-name{color:yellow;} 
/* 小结：上面这句不写，和二级分类颜色是一样的 */