在CSS中使用继承

Suppose you have a table and you need to give styles to all the <TD> tags. Using inheritance to do this helps you avoid generating more content to be delivered to the client. Take this code, for example:

< table >
< td  class =Cell ></ td >
< td  class =Cell ></ td >
< td  class =Cell ></ td >
</ table >


This can be replaced with the following style sheet :

   
     
 
      
 
        
       Table.Cell TD
 
       {} 
       {
  
} 
      
 
     


   
     
 
      
 
        
       < 
       table  
       class 
       =Cell 
       > 
       
 
       < 
       td  
       ></ 
       td 
       > 
       
 
       < 
       td  
       ></ 
       td 
       > 
       
 
       < 
       td  
       ></ 
       td 
       > 
       
 
       </ 
       table 
       > 
      
 
     

This way, there's less code to download and it's easier to maintain.

From Devx:Prasad Haridass