title: Apply CSS to data within TD but not to the TD. Need to up baseline of text in every TD. Maby text-atribute selector
body: <p>I need to up text but if i apply class to TD or TR in IE, Opera and Chrome all cell goes up (background and border and text in cell).
  Please look example:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
    &lt;head&gt;
    &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
    &lt;title&gt;Untitled Document&lt;/title&gt;
    &lt;style&gt;
    .myClass  td{
        position:relative;
        top:-8px;
        color:blue;
        }
  
    .myClass {
        position:relative;
        top:-8px;
        color:blue;
        } 
  td { border: red solid 2px ;}   
    &lt;/style&gt;
    &lt;/head&gt;
  &lt;body&gt;
  &lt;p&gt;&amp;nbsp;&lt;/p&gt;
  &lt;table  width="384" height="89" border="2" cellpadding="0" cellspacing="3" bgcolor="#cccccc"&gt;
      &lt;tr &gt;
        &lt;td width="109" bgcolor="#FFCC00"&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td width="255" bgcolor="#00CCFF" class="myClass"&gt;this TD have class=&amp;quot;.myClass&amp;quot;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr  class="myClass"&gt;
        &lt;td bgcolor="#999999"&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td bgcolor="#FFFF00"&gt;this TR have class=&amp;quot;.myClass&amp;quot;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td bgcolor="#666666"&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td bgcolor="#FFFFFF"&gt;&lt;span class="myClass"&gt;this text within span-tags (.myClass)&lt;/span&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Firefox don`t affect if is applied to tr_or_td, affect only to text with span-tag.</p>
  
  <p>Every browsers work correct if in every TD of a row place text within</p>
  
  <pre><code>&lt;span class="tdclass"&gt; mytext in span-tag &lt;/span&gt;
  </code></pre>
  
  <p>QUESTIONS) :</p>
  
  <ol>
  <li><p>Is there some css structure to assign style only to data within TD but not to this TD</p>
  
  <pre><code>tr.myclass TD {} 
  </code></pre></li>
  </ol>
  
  <p>in IE, Opera, Chrome applies to all cell, in Firefox don`t work at all.</p>
  
  <ol>
  <li><p>Is there some css selector of TEXT - I mean for example:</p>
  
  <pre><code>.myclass &gt; b
  </code></pre>
  
  <p>will be applied when in tag with .myclass we have b-tag</p>
  
  <p>maby some word like EVERY_TEXT - may be such selector, for example:</p>
  
  <pre><code>.myclass &gt; EVERY_TEXT {}
  </code></pre></li>
  <li><p>can anybody suggest another workable way to up text in all cells of table without span in every cell, and without .js</p></li>
  </ol>
  
  <p>Thanks for helping!</p>