title: CSS - Select table with thead that has specifc class
body: <p>i have a table as follows </p>
  
  <pre><code>&lt;table class="bordered"&gt;
  &lt;thead class="info"&gt;
  &lt;tr&gt;
  &lt;th&gt;one&lt;/th&gt;
  &lt;th&gt;two&lt;/th&gt;
  &lt;th&gt;three&lt;/th&gt;
  &lt;/tr&gt;
  &lt;tbody&gt;
  &lt;tr&gt;
  &lt;td&gt;1&lt;/td&gt;
  &lt;td&gt;1&lt;/td&gt;
  &lt;td&gt;1&lt;/td&gt;
  &lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
  </code></pre>
  
  <p>i want to apply borders to  to table whose thead class is info</p>
  
  <p>css currently contains </p>
  
  <pre><code>.bordered td{
  border: 1px solid #0060a0  !important;
  }
  </code></pre>