title: Puzzling behaviour of Firefox with some CSS
body: <p>This XHTML seems to me to be rendered incorrectly by Firefox 34, inasmuch as FF doesn't cascade the font-size declaration in class 'all' to the table scope in the body.  Is it just my misunderstanding of CSS?  See the comment in the XHTML.</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;meta http-equiv="Content-Type" content="application/xhtml+xml;charset=utf-8"/&gt;
          &lt;title&gt;XHTML experiments&lt;/title&gt;
          &lt;style&gt;
  .all {
       font-family: Code2000;
       font-size: 24pt;
       background-color: #00ff80;
       text-align: center;
  }
  td {
       text-align: left;
  }
  .greek {
       color: #20198c;
  }
  *[mood=I]::before { content: "ind."; } 
  *[mood=i]::before { content: "imper."; } 
  *[mood=O]::before { content: "opt."; } 
  *[mood=S]::before { content: "subj."; } 
  *[tense=r]::after { content: "præs."; }
  *[tense=f]::after { content: "fut."; }
  *[tense=m]::after { content: "impf."; }
  *[tense=R]::after { content: "aorist"; }
  *[tense=k]::after { content: "perf."; }
  *[tense=Q]::after { content: "plusq"; }
  *[voice=A]::after { content: "active"; }
  *[voice=M]::after { content: "middle"; }
  *[voice=MP]::after { content: "MP"; } 
  *[voice=D]::after { content: "pass."; }
  .comment {
       font-size: 16pt;
       font-style: italic;
       text-align: left;
  }
  .instruction {
       text-align: right;
       font-size: 20pt;
       font-style: italic;
  }
          &lt;/style&gt;
      &lt;/head&gt;
      &lt;body class="all"&gt;
          &lt;!-- in the table tag below, if the class="all" be omitted, the word
              "douloimen" is shown in a smallish font;  but why isn't the
              font-size specification of the body class="all" not cascaded
              down into it?  It seems to be necessary to re-inforce or repeat
              the class declaration for the font-size specification to
              penetrate the table scope. --&gt;
          &lt;table width="100%" class="all"&gt;
              &lt;tr&gt;&lt;td class="greek"&gt;douloimen&lt;/td&gt;&lt;td class="instruction"&gt;parse&lt;/td&gt;&lt;/tr&gt;
          &lt;/table&gt;
  
          &lt;hr id="answer"/&gt;
  
          &lt;span class="greek"&gt;doulow&lt;/span&gt; [1] &lt;span mood="O" voice="MP"&gt; &lt;span tense="r"&gt;&lt;/span&gt; &lt;/span&gt;
              &lt;div class="comment"&gt;why does the &amp;lt;table&amp;gt; drop the card font-size spec?&lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>