How to apply style only to the parent element?
<p>I have such HTML:</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table&gt;
  &lt;tr&gt;
    &lt;td style="text-transform: uppercase;"&gt;
      Some text node.
      &lt;span&gt;Some text in span&lt;/span&gt;    
    &lt;/td&gt;
  &lt;/tr&gt;
&lt;/table&gt;</code></pre>
</div>
</div>
</p>

<p>How can I write style for TD element, that will not affect child SPAN element? In my case SPAN must stay in normal text transform.</p>

<p>Note that I can modify the style only for the TD.</p>