如何设置整站li的样式，并且不影响tab菜单li的样式

tab菜单的css代码如下：
@charset "utf-8";
/* CSS Document */
  *{font-size:12px}
  #info {width:460px;}
  #info ul{margin:0;padding:0;width:460px;list-style:none;color:#2F5FA1;}
#info .content ul{margin:0;padding:0;width:460px;list-style:none;color:#2F5FA1;}
  #info li{float:left;background:url(bg_repeat.png) repeat-x 0 0;border-right:1px solid #FFF;padding:3px 8px 3px 8px;cursor: pointer;border:1px #FFF solid}
#info .content li{ text-align:left; clear:both; background:none; float:none; border-right:none; padding:3px; border:none;}
  #info .tag-selected{background:#D0E9F7;padding:0;margin:0;padding:3px 8px 3px 8px;}
  #info .content{text-align:left;padding:3px; border:#3CC dashed 1px; width:450px; height:232px;}
  #info .cleard{clear:both;}

以上代码显示都正常的，页面中链接了两个css，一个是tab菜单的css样式，另一个是控制页面的css。当我在控制页面的css文件中加入li{ text-align:left; list-style-type:none; margin:6px;}时，这个tab菜单的样式变的不正常了，我想知道的是如何在其他的css中定义li的样式而不影响tab菜单的li样式……

利用js的cssText属性
  直接将其他附在上面的属性替换成新的，你想要的，不过这个要在css后的<script>添加而已