CSS 请一个最好的解决方案
每一个DIV都一个共同点,就是都有边框..   为每一个单独设置又太不理想,,CSS里面又没有直接继承..      有什么办法解决这个问题,就是写一个样式,可以让指定DIV都有边框   
 .border{border:solid   1px;} 
 #table1{width:10px;} 
 #table2{width:20px;}} 
 #table3{width:30px;}} 
 #table4{width:200px;}} 
 #table5{width:100px;}}   
  <div   id=table1>  </div>    
  <div   id=table2>  </div>    
  <div   id=table3>  </div>    
  <div   id=table4>  </div>    
  <div   id=table5>  </div>    
 已经试过在DIV的Class用继承了,但还是不太理想,,,,希望谁有更好的解决方法..谢谢!
------解决方案--------------------如果你全是用DIV的话可以考虑这个: 
  <style type= "text/css ">  
 div {border:solid 1px;} 
  </style>    
 如果是全部要用的话用*,(包括其它的,如表格、span等等) 
 *{border:solid 1px;} 
 这种情冲下遇上不要边框的加上{border:none;}
------解决方案--------------------======= 
 css 
 ======= 
 /*div有边框*/ 
 div.table1{border:solid 1px;} 
 /*div无边框*/ 
 div.table2{border:none;}   
 ===== 
 html 
 ===== 
  <div class= "table1 ">  </div>  
  <div class= "table1 ">  </div>  
  <div class= "table1 ">  </div>  
  <div class= "table2 ">  </div>  
  <div class= "table2 ">  </div>  
  <div class= "table2 ">  </div>
------解决方案--------------------css 
 ====================== 
 #pnl1 div 
 { 
   border: 1px black solid; 
 }   
 ====================== 
 html 
 ====================== 
  <div id= "pnl1 ">  
    <div id= "div1 "> xxxxxxxxxxxxxxxx </div>  
    <div id= "div2 "> XXXXXXXXXXXXXXXXX </div>  
  </div>  
  <div id= "pnl2 ">  
    <div id= "div3 "> xxxxxxxxxxxxxxxx </div>  
    <div id= "div4 "> XXXXXXXXXXXXXXXXX </div>  
  </div>