title: A common class for multiple html tags using css
body: <p>I have a specific css class "styled" which gives glass effect to the various divisions. The site is at <a href="http://www.rohanjain.in/" rel="nofollow">http://www.rohanjain.in/</a>. I have various html5 tags which use the glass effect from the css class defined.
  Is there any way to define in the .css so that my header, footer, article tags use the class "glass" automatically, i.e. they inherit from this class. I am trying to do to decrease the size of css and html. Right now these tags are provided attribute class="stlyed" from html. But is there any way to do this only using css.<br>
  I really <strong>don't</strong> want to do something like this:  </p>
  
  <pre><code>article, footer, header{
      ...css definations... 
  }
  </code></pre>
  
  <p>I want to use browser detection and define class <em>glass</em> in some other .css according to the features supported while keeping the size minimal.</p>
  
  <hr>
  
  <p><strong>Update 1:</strong>
  This is the source of css <a href="http://www.rohanjain.in/media/css/style.src.css" rel="nofollow">http://www.rohanjain.in/media/css/style.src.css</a>. The size of <em>styled</em> class is high because of multibrowser effect definations.</p>
  
  <p><strong>Update 2:</strong>
  It seems there is no simple way to achieve inheritance of classes, so I am finally using class="stlyed" in the html elements to achive this.</p>