title: how can my table enteties inherit the table class?
body: <p>Here's my css:</p>
  
  <pre class="lang-css prettyprint-override"><code>table.mytable { 
      border-collapse: collapse;
      width: 50%;
      margin: 24px;
      font-size: 1.1em;
  }
  
  caption.mytable { 
      font-size: larger; 
      margin: 5px auto; 
  }
  
  th.mytable, td.mytable, thead.mytable { 
      background: #3e83c9;
      color: #fff;
      font-weight: bold;
      padding: 2px 11px;
      text-align: left;
      border-right: 1px solid #fff;
      line-height: 1.2;
  }
  
  tr.mytable:nth-child(odd) { 
      background: #ecf6fc; 
  }
  
  tr.mytable:hover { 
      background: #bcd4ec; 
  } 
  
  td.mytable { 
      padding: 6px 11px;
      border-bottom: 1px solid #95bce2;
      vertical-align: top;
  }
  </code></pre>
  
  <p>The css style works fine, the problem I'm having is that in my html I have to assign a class to each <code>&lt;tr&gt;</code>, <code>&lt;td&gt;</code>, <code>&lt;th&gt;</code>, etc..Is there a way where I only have to assign the class to the table? do I have to modify my css code?</p>
  
  <p>Thanks!</p>