title: thead style not applied
body: <p>For the following table, the text in the <strong>thead</strong> element doesn't respond to any CSS rules. </p>
  
  <p>I thought it would inherit the rules from thr <code>table.declensionTable</code>  element, but it doesn't. </p>
  
  <p>I created a CSS rule with the <code>table.declensionTable thead</code> selection, but that didn't work either.</p>
  
  <p>What am I doing wrong?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>body {
    font-family: "Verdana", Sans-serif;
  }
  
  
  table.declensionTable{
    font-family: "Courier New", Serif;
    border: 1px solid black;
    border-color: #000000;
    border-collapse: collapse;
    margin-bottom: 10px;
  }
  
  table.declensionTable thead{
    font-family: "Courier New", Serif;
  
  
  }
  
  table.declensionTable th{
    border: 1px solid black;
    border-color: #000000;
    border-collapse: collapse;
  
  }
  
  table.declensionTable td{
    border: 1px solid black;
    border-color: #000000;
    border-collapse: collapse;
  
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table class="declensionTable"&gt;
    &lt;thead&gt;&lt;strong&gt;klub&lt;/strong&gt;: &lt;em&gt;club&lt;/em&gt;; an inanimate masculine noun&lt;/thead&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;th&gt;&lt;/th&gt;&lt;th&gt;Singular&lt;/th&gt;&lt;th&gt;Plural &lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;&lt;strong&gt;Nom&lt;/strong&gt;&lt;/td&gt; &lt;td&gt;klub&lt;/td&gt; &lt;td&gt;kluby&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt; 
        &lt;td&gt;&lt;strong&gt;Gen&lt;/strong&gt;&lt;/td&gt; &lt;td&gt;klubu&lt;/td&gt; &lt;td&gt;klubów&lt;/td&gt; 
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;&lt;strong&gt;Dat&lt;/strong&gt;&lt;/td&gt; &lt;td&gt;klubowi&lt;/td&gt; &lt;td&gt;klubom&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;&lt;strong&gt;Acc&lt;/strong&gt;&lt;/td&gt; &lt;td&gt;klub&lt;/td&gt;    &lt;td&gt;kluby&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;&lt;strong&gt;Inst&lt;/strong&gt;&lt;/td&gt; &lt;td&gt;klubem&lt;/td&gt; &lt;td&gt;klubami&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;&lt;strong&gt;Loc&lt;/strong&gt;&lt;/td&gt;  &lt;td&gt;klubie&lt;/td&gt; &lt;td&gt;klubach&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;&lt;strong&gt;Voc&lt;/strong&gt;&lt;/td&gt;  &lt;td&gt;klubie&lt;/td&gt; &lt;td&gt;kluby&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>