title: Avoid css styles applying to child elements
body: <p>Is there any way that parent tag styles do not apply to child tag elements? </p>
  
  <p>I have to display some data so I wish to align them in table for better view. I want to apply some styles to the table to make it look good. I am using some additional components (like plugins) in my table. So if I do apply any style to tr tag of my table, those are applied  to those components tags too, if they have tr tag. This should not happen...  </p>
  
  <p>Is there any way that I can avoid inheritance?</p>
  
  <pre><code> &lt;style&gt;
   /*The plug-in component may have table tr tags.So the following styles should be applied to plug-in..*/
       table tr{
       background:#434334;
       border-radius:5px;
      }
  
  &lt;/style&gt;
  </code></pre>